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Foreword 


Thank you for purchasing "Crysta Dojo". 


This book is a text explaining how to draw illustrations using CLIP STUDIO PAINT. 


CLIP STUDIO PAINT is inexpensive yet extremely multi-functional, allowing you to draw illustrations in any style, from watercolors to oil 
paintings, anime styles, and more. With a high degree of freedom in terms of tool customization, this illustration 


production software is widely supported by beginners and professionals alike. 


However, due to its many functions, you may be at a loss as to how to draw. For such people, 
this book focuses on "commonly used techniques" when drawing digital illustrations, and explains 


how to use tools and functions, how to finish processing, etc. 


In Chapter 1, you can check the basic operation methods such as the CLIP STUDIO PAINT interface and 


how to save. 


In Chapter 2, you can learn basic knowledge such as brushes, drawing colors, 


and layers. If you already have a general understanding of CLIP STUDIO PAINT operations, you can skip 
Chapters 1 and 2. 


In Chapter 3, we will finally draw illustrations. You can learn how to draw based on anime painting. And in 
Chapter 4, we will apply image processing to the work drawn in Chapter 3. You can learn how to adjust colors and how 


to apply finishing touches. 
Chapter 5 explains how to use watercolor tools, thick painting, grisaille painting method, etc. 
Finally, Chapter 6 is an illustration making course that serves as a review and application of what 


you have learned so far. You can check the flow of techniques often used by illustrators. 


How to draw illustrations is free. However, even if you are creating your own drawing style, knowing the "commonly used 


techniques” should surely be beneficial. 


We hope that you will enjoy creating digital illustrations with this book in hand. 


Summer 2019 
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@) How,toluse}this! manual 


(l Operation notation 


Operation notations in this manual are for the Windows version unless otherwise 


specified. For the macOS version, you can operate the same as Windows by replacing the reading as follows. 


In addition, the iPad version can be operated in the same way as macOS by using an optional keyboard. 


[alt key = option key 

fo => common key 

[Enter] key > Return | — 

| Backpack key| — = ‘Delete key 

Right click (mouse button) = Control-click mouse button 


For some menu operations, in the macOS/iPad version, some items in the [File] menu and 
[Help] menu in the Windows version may be included in the [CLIP STUDIO PAINT] menu. 


Chapter 
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Preparation for illustration production 
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PRO J EX | 


start the crystal 


First, start CLIP STUDIO PAINT. CLIP STUDIO PAINT can be started 
from the portal application "CLIP STUDIO". 


e Starting! CLIPASTUDIO) PAINT 
1 Double-click the “CLIP STUDIO” 
icon on the desktop. ) oa n, '2: es 


2 “CLIP STUDIO” starts up. Click 


CLIP 
[PAINT] in the upper left. 


STUDIO 


Sec aes — 
int ~ aoPJ-ee 
PPA - 'P4st 


13 CLIP STUDIO PAINT starts up. 


Register the license when starting for the first time 


When you start it for the first time, the license verification screen is displayed, Follow the steps below to register the license. 


O9) Enter your serial number and click Register License. 
4 Select License Verification Now and click Next. On the screen 


©) that says “Choose a license matching method~”, select [Automatically] and click [Next]. 


What is TIPS CLIP STUDIO? 


"CLIP STUDIO" is a portal application to support creative activities. You can start 
up, update, and download materials for the CLIP STUDIO series. You can also use "CLIP 
STUDIO ASK" where questions and answers about operation are archived, and "CLIP STUDIO TIPS" where you can view professional making 


and explanations of operation methods. 


D CLIP STUDIO ASSETS€(ts? 


CLIP STUD IO ASSETS (hereafter referred to as ASSETS) 
will be displayed when you click [Find Materials]. 
ASSETS contains various types of tags that can be used in PAINT. 
| have the material for the ip. 
When searching for materials, enter a keyword 
in the search field and search. Some 
materials are paid (requires "GOLD" points), but there are 
also many free materials. In 
addition, user registration is required to download 


| materials. 


What is TIPS CLIP STUDIO ASK? 


CLIP STUDIO ASK (hereinafter referred to as ASK) is a page 
where questions and answers regarding operations 
are published. If you register as a user, 


you can publish your questions. 
Ask someone about your worries 
If you have any questions about the why do not you? 


operation, please ask 


TIDS Learning with various how-to courses 


From CLIP STUDIO's [How to use course], you can browse 


various types of how to use courses, such as 


basic operations, how to draw illustrations, 
how to use recommended functions, and How, to use CLIP/STUDIO) PAINT 
how to make a mouthpiece. Also, clicking [Learn, Teach] 

opens CLIP STU DIO TIPS, where you can view "TIPS" 


(drawing tutorials and production know-how) posted 


non sorte e 

« ee eee een Oe ee ee Ye * 

ee oe = meraeeee rvemene, 
“were: YW <3 


by users. 


TIPS user registration 


User registration (free) is required to download materials on ASSETS and ask questions on ASK. 


C9O009000 
How: to use CLIP’STUDIO) PAINT 


peck up 


ate Dem 03 
how to make smooth 2h 


Set. TAC SD, OSL ROKR ENED MERRIE? Srey ees Ceo esc ett. see i= 7) 
POL. el. SATA le OR EL Soe 


PLPEat, Dn Sen eee eoreense. 


13. Click 
emailladdress((l)) ol) : 
12.Enter 


J iSave email address and password (0)/ 


User registration is possible from [Account [Registration] in the [Clip Studio Account] dialog box displayed by clicking [Login] at the top of the CLIP 
STUDIO screen. When registering for an account, it is a good idea to have your email address and password ready. 


About the operation screen 


When you start CLIP STUDIO PAINT, the operation screen will be displayed. There is a menu at 


) . the top, and each palette is lined up on both sides. Know the position of each. 


e) Basicjoperationiscreen 


@ Menu bar +0) #0 oe ws sees eeeeeeeecese-eee * There is a menu for various operations. Please refer to each menu on the menu bar where 


the [oo] menu is mentioned in the explanations in this manual. 


@ Command bar #6600 op ee ee eneeseeeeseecesese « By clicking the button, you can perform the operation quickly. 

2 tool palette +6 #0 oe sees eeuseeeeeeessese, * Various tools are lined up with buttons. 

@® [Sub tool] palette You can select a sub tool of the tool selected on the [Tool] palette. 
6 [Tool Property] palette/ +» You can change the settings of the selected sub tool. 


(® (Brush Size] Bullet You can select a brush size by clicking the button for each size. 


@® [Color wheel] palette -+-ss-«.« * Set the color. Click the tabs at the top of the palette to see other 


You can display the color palette. 


tab 


Color palettes are stored in the same 
location as the [Color Wheel] palette. 


You can click a tab to view it. www 


@CANVAS «sewn aewennenenewaunneesvereesees * Manuscript paper for drawing illustrations. 


@ [Quick Access] Palette + Register ---+ frequently used operations, tools, drawing colors, etc. 


You can make a palette of le. 


10) [Material] Pallet - ++ ss 0s sees eeeseeee+«-e+ Various materials are stored. 


[DS Displaying the [Quick Access] Palette and [] Palette 


Quick Access Bullet (see page 169) and Quick Access Bullet material palette 
The [Material] bullet is initially displayed in 
a button-like shape, 
At the top is the [Quick Access] palette, below it 
is sorted by type of [Materials] palette, button 
has become By clicking each button 
can open the let. 


(1) [Navigator] Palette + This is +«»+«*««+«.« the space to operate the display method of the canvas. make it easier to work 


You can change the display. 
@® [Layer Property] palette Sets various effects for layers. 


®[Layer] Palette... © tees Manage layers. 


Command bars allow you to perform certain actions by clicking buttons. 


For example, [Snap to ruler] can also be done by selecting [View] menu -- [Snap to ruler], but it is quicker 


to click the button on the command bar. 


@StarttCLIPSTUDIO wenn ennnennesnss + Start CLIP STUDIO. 

(2) pi ebevecbacnesesnsedepsuacenasheteugeraper New + Creates a new Canvas. 

3) OPEN nooo oon eneseeeene ee eos Open a file. 

4 Save/ Sisasapesueetetasaawasvoncuchascataeniiee - + Save the file being created P 


8 Cancel munbndcdcduabstnesendbdccnkteansaa - + Cancel the operation. 


6 Redo deeb easvevereseesresseeresesie -...- Redo the undone operation. 
7 Erase/ CaGe Kes Ones babu be Sede cncenesyentuse - »* Erase what you have drawn. 


(5) Erase outside selection... -«««++«+++++++++.++-» Erase the image outside the selection. 


() Fill Fill Senasbivas ibbivhdascavagsacasads . with the selected color. 
@ Enlarge Reduce Rotate «+: ++++s-ssssss00 » + Enlarge/reduce/rotate. 
(J) Clear selection os oe ee eens nese eeesseee-«.,Cancel the selection. 


2 Invert selection + oe ee pene eee ee eeeeees ese Invert the selection. 
® Show selection border vreyees Toggles display/hide of selection borders. 


(E) snap to ruler +0000 e000 e0eseeeeeees-ese. * When turned on, it snaps to the ruler. Click to turn on/off 


switch. The button is dark when it is on. 


( Snap to special ruler When turned on, steps to a special ruler. 
(10) Snap to Grid eee When turned on, steps to 


the grid. @ CLIP STUDIO PAINT Support + + + Click to display the CLIP STUDIO PAINT support page in your 


web browser. 


e Screen}fortouch operation 


In [Preferences], you can change the operation screen to be suitable for PCs (Windows 8 or later) that can perform touch operations. 


[File] menu > [Preferences] ile (FE ) animation 
Select (cut+key). N Stile N 
% Select Interface from the menu te ao select] 
Convenience Store’ Print /(P) 
on the left of the Preferences = 
dialog box. 


‘Shortcut setting (H) ss Shift+AlttK 


vs Make the text layer CEON ‘Automatically 


¥ @ Switch IME\toitext inpution. the’ panel 


performance 


Ue select 


light,table 


Sern wm interface 


anging the setting will Convert,the position’and 
Of, the’ bullet 
dialog\ Changes will be’Akacasion 


layout 


bullet out,to) bullet point 


BP yThe'palette|layoutis then'reset,to Uayout 


13 Check [Adjust interface for touch operation]. 


YJ [Interface Scaling] allows you to set the size of buttons and text. Here, select [Standard] 


**Depending on the environment of the computer you are using, some items may not be displayed with the [Small], [Standard], and [Large] buttons. 


15 Click the [OK] button. 
— 


wi) 
¥ Set.totesvAIMERON. 


ey Auto) MMETat:Hol'sitest inputi(V 


y) Seeiee interface) 


interface'scaling 


IiPamPathe position and’size of,the modified bullet 


: he 
1 ‘dialogjisfenclosed 
Changes.will be’ made to, the’application 


bullet layout is\reset,to|Layo: 


6 Select the [File] menu [Exit CLIP STUDIO PAINT] Ctrl +o key) File\(F) Wa (E) Page'management'(P)/Animation 
to exit the application, and then restart 


CLIP STUDIO PAINT to display the touch operation 


screen, 


)< Abort the screen for touch operation 


—_— — 


If you want to change the screen for touch operation to a standard operation screen, select [File] menu -. [Preferences] to 


display the [Preferences] dialog box, then select [Touch operation] from [Interface]. Uncheck [Adjust to suitable 
interface] and restart CLIP STUDIO PAINT. 


create a Canvas 


The canvas is manuscript paper for drawing 
illustrations. It can be created from the [File] menu —. [Newl. 


® Canvasicreation}flow. 


Let's take a look at the steps to create a campus. File] ann 


Page (P) animation 


WRN)... ‘Ctri4Nn 
Clipboard(0) 


s4X(0)... 


By File'used (F) 


wi [File] menu — [New] (ctrl + key) Choose. 


2 The "New" dialog box opens. 
= 


(close)] 


Sw BaD 
este 297 10 
Pek 4d 


SLRUA( 


3 Select an item under Use of work. In this New dialog box 


case, we have selected [Illustration]. 


forwork 


@ [An illustration] 
6 [Comic] 
® [Show all comic settings] 


© [Animation] 


Set the campus size. From 
Friset(S) custom 


eae re 800x600 (72dpi) 

size for this setting. . : TODaxTEB7 2p) ) 
1440x900 (72dp)) 
1280x1024 (72dpi) 


1680x1050) ((72dpi) 
1600x1200] (72dpi) 
1920x1080 (7 2dpi) 
1920x1200 (7 2dpi) 
690}x}20080)(comic)A) 
Postcardi(350dpi) 


[Presets], you can select a preset 


scustom 


J Papencolon(Postcard/Mm (95 tinit 


: Animation!stamp)x@li(actual/size) 
template ; 
C . Animated{stamp)x2/(2x) 


ystom 
-Goku ilustralion \ S10! 


Whentcreating/a\cartoonjillustration\turnjon\thisi|checkiand 
specify the|numberoficels 


TIPS To select more presets 


The contents of [Presets] vary depending on the purpose of the selected 
[Work]. If [Use of work] is [Illustration] and you want to choose a setting that is not available in [Preset], you should set [Use of work] to [Show 


all comic settings] 


15 If you do not use [Preset], set [Unit], [Width], 
[Height] and [Resolution] respectively. In this 


I zl _a 
example, we will create an illustration that can be MOS FE a4 ee = 


See. (A) Illustration 


printed on A4 (210mm x 297mm), so we 


set it as follows. 


[setting 
(Unit) =... [mm] _ 
| Nao] ss 210 
| [Height] .... , 297 
| 


[resolution] --- [350dpi] 


Template (1) 


— ES 
osa'fyyoulwantitotestiworkAuse\this) gaye 
1 +7) OS eee channel 


6 Select an available color _ 1. Click 


12. Choose 


setting under Basic Expression 
[Color]. Select [Basic expression 
increase. 
color] from [Color], [Gray], 


and [Monochrome]. 


7 You can change the color of the paper 
layer in [Paper color]. The default is 
white. Normally it should be left white. 


8 Click the [OK] button. 


_ al 
Bm H210.30 


yO Other settings 


ee ee 
Template 


Check [Template] to select a layer template. A layer template is a function 
that allows you to register frequently used layer configurations and frame 
divisions in comic settings. In 


the initial state, various frame layout templates are registered. 


create a moving illustration 


Golem Sheet<k) 


When turned on, you'll see settings that allow you to create short animations. 


Appropriateisizerand resolution 


Make sure you understand units and resolution when setting sizes. 


it unit 


You can select the unit of size from [cm] (centimeter), [mm] (millimeter), [in] (inch), [px] (pixel), [pt] [point]. When 


using for printing purposes, it is recommended to select [crn] or [mm]. Images for 


the web are often measured in pixels, so if you want to set the number of pixels, select px. 


| l] i Recommended resolution | 


f resolution 


When setting the resolution, the setting value is determined 
in units of "dp". When printing at a print shop, the following settings are recommended, 
cpi is the number of pixels per inch (2.54mm) 
Color gray image 350dpi 


and is a measure of how fine an image Monochrome image 600dpi or 1200dpi | 


will be when printed. 


Th, If you want to add registration marks 


Manuscripts for printed materials such as books, flyers, and doujinshi may 
require crop marks. Registration marks are guide lines for cutting at the finished size. If you want to set the registration marks, 
select Comic or Show All Comic Settings for Use of work in the New dialog box when you create the canvas. 


View all comic 
settings 


finished size 


For example, to create a B5 (182 x 257 mm) 
doujinshi, set the [Binding (finish) size] (see [New] 
dialog box on page 16) as follows. 


[Unit] ~~... [mm] 
[width] s-s-2se 182 


campus size 
The canvas size will automatically be larger than the finished size, 
as registration marks will appear around the finished size. 


bleed width 
Bleed Width (New dialog box on page 16) 
) should be set to 3mm 5mm. The bleed width is 
the distance from the finish line to the bleed. If 
the drawing extends beyond the paper, draw up to the 


bleed finished size 


Basic knowledge of pallets 


Here, let's cover the basics of the palette. You can change the position of 


palettes to your liking and hide palettes that you do not use. 


eShow/Hide Barrett 


| Display from [Window] menu 


Let's open the Window Windowi(W))Helpi(H 
menu. The bullet that is Campus (V) 
displayed has a check ew) 
mark on it. 


v Command bar (A) 


Quick'access (Q) 


Items with a check mark are palettes 
that are currently displayed. When 
selected, the bullet is hidden. Sub}tool/pen|(S) 


Seal|property,[Gipeni(P) 


Too!|(T)) 


Brush{size)[G/pen|(B) 


You can display hidden bullets 
by selecting items that do 


not have a checkmark 


Colorcircle;(R) 
term bank’( 


Color, slider; ( 


% 3M) 


Hide’all palettes (1) 


hide}title) ban) 


View from tab 


Multiple palettes may overlap, and only tabs of hidden 
palettes may be visible. You can switch between displayed bullets 


by clicking the tabs at the top of the palette. 
* 


: 


ePalette layout 


You can change the position and width of the palette. You can change the layout of palettes with a 


pen tablet, but it's easier to do with a mouse. 
Minimize valet Palette dock 
dock iconization 


tl valet dock 


The area where multiple pallets 


sub,tool pen 


are joined together is called a 


pallet dock. At the top of the valet wv RY %@ [marker 
dock are the Minimize valet dock 


and Iconize valet dock icons. 


)) Minimize valet dock !) Iconizing the Palette Dock 


Click the Minimize Palette Dock icon to Click the Iconize palette dock icon 


collapse the palette. Click again to return to display each palette like a 
to the original display. button. 


Mee (Animation (A Bee ((Animation’A 


Phage FH 


3 . oe 
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m@ Change the width 


You can change the height 


and width by grabbing the edge 


a) 


of the pallet or pallet dock 
and dragging. j 


TIPS Fixing the width of 


~~ the bullet dock 


tool’ professional’di pen) 


By fixing the width of the valet = 
dock, you can prevent accidental width “0s SS 
changes. In particular, the palette 
dock near the campus is easy to touch prustsee 
with the pen, so it may be changed 
unintentionally. 
To fix the width of the antialiasing 
palette dock, select [Window] menu eperetstl 
> [Palette dock] [Fix width 
of palette dock} and turn 
it on (a check mark appears). 


Title bar 
cut off the pallet 
You can detach a palette from seus management (i Select/Animation|(A)|Uayer(|s) 


the palette dock by dragging ead ms - Kcy ik = @ 
the top of the palette aes 
(called the title bar). 


Literpen 
Maru pen 
cabraben 


calligraphy, 


Roughness 


TIPS Revert to basic =e 


layout 


woo! properties (pen) 


Select [Window] menu — [Works 
Base] [Reset to basic 
layout] to retum the palette to 


AG its initial state 


Fit the pallet into the pallet dock 


If you are satisfied with the position, release the mouse button and the palette will be placed. 


Filel(E) 
Filel(E) 


calligraphy, 


Caburabar 
Calligraphy, 


lffapplied 


e) Operations)to|changejsetting,values 


Let's check how to change the setting values in the [Tool Property] palette, etc. 


slider indicator 


Move the slider to change the value 
increase increase 


Too! Property, [Pen] 
Raven 


brush'size brushisize 


y Opacity, - = 
| . 101 i) 


notigreasy, 


ITENE) 


Anche 


image stabilization 


vector, drawing 


Grab the title bar of the palette and drag it to where you want to place it, and the part to be placed will be displayed in red. 


Edit;(E) Page|management:P. 


blancisize I will be placed 


ASROAR a a 


The indicator can be set by selecting from several stages of blocks. 


TIPS Slider/Indicator 


You can switch between [Slider 
view] and [Indicator view] from the [Open] 
menu by right-clicking on the slider 


or indicator. 


Writer display; (5) 


indicator, display; (11) 
—_— 


Indicator,setting (N)L 


Numerical input 


If you click where the numerical value is 
displayed, you can directly enter the setting value. 


increase. 


(p Menuidisplay, 


TIPS indicator settings 


By right-clicking on the indicator 
and selecting [Indicator Settings] from 
the [Open] menu, you can change the 


setting values for each block 
of the indicator. 


indicator,settings 


Seal property, [G-pen] 


a _ 


G ~ y 4 Numerical values can be 
™ at J | steed directly 
} _~ t 
brushisize 0 5 
<< Ss "] 
TEAS ’ f | A You can also change the value 
i = ip . by clicking ¥ | 


[Vector adsorption 


Various operations can be performed from the menu that opens when you click 


[Show Menu]. Contents vary by palette. 
Menu display 


Uock:(L) 


Restore default settings 


Category/display,(C) 
Showjstroke)preview/(S) 


Show/command/|bar(B) 


Hide\the\tool/property,[G-pen]/palettel(P) 


How to use the tool 


Here, let's explain the palette used when selecting and setting tools, as well as 


frequently used tools. 


@ How,toyselectiajtool 


| P 10 PAINT, sel he ri | 4 1 
n CLIP STUDIO PAINT, select the rib too! sect a aids feel 4 Sub tools may be 
‘2 T according to your purpose and work. | [Sub Tool] palette ne _ , 
‘ me ‘Ss 


real'g ben 


tL 


camera pen 


| Select a tool in 
| the Tools palette 


alligraphy 


RA 


e Barrettito;setithe}tool 


Settings for sub tools can be changed on the [Tool Property] 
palette. If further settings are required, click [Sub Tool Details] 
Open the [Thin] palette. The 
[Sub Tool Detail] palette can be displayed from [Show Sub 
Tool Detail Palette] at the bottom right of the [Tool 


Property] palette. 


Tool’size}hole 
Setting ites are 
Classified by category bran’s| 


brush'size 
brush Specified by/screen'size 
Minimum pixel 

Basic settings can be set in [Tool 

, 

| Properties] | Bullet 


Protrusion prevention 


q About parameter, help 


Moveithe'cursonoveralparametertosee 
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Show sub seal 


detail palette IY eST MAES Ft Oda 
SL GY od OB a ngs 
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if you need more settings, 
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Lock 


Click the [Lock] icon on the [Tool Property] Seal property, [G-pen] 
palette to save the settings to the sub 


tool. After locking, even if 


t 


you change the settings, when you 
select the tool again, it will return to 


the locked state. 


Restore default settings Tool Property [G Pen] 


You can restore the default settings 
by clicking [Reset to default] on the - 
brushjsize 

[Tool Property] palette. - 


unpleasant 


vectondrawing 


Restore default settings 


Register in initial settings 


a ie 


If you change the settings and click [Register all settings to default settings] on the [Sub Tool Detail] palette, you can register the changed settings to the 
default settings, 


[Once the initial settings have been 

registered, it will not be possible to 
retum to the original settings before 

they were changed, so if there are tool settings 
that you want to keep, select It is 

safe to do this after making a copy. 


cabraben 


rough pen - 7 
sere {Click Duplicate 
Pr Be | | Sub Tool 


[1 _ Enter your name ] 12. Click 


1 About parameter health 


Icon background color (C) 


Clicking [Duplicate Sub Tool] displays a dialog box. Enter 


r - > a descriptive name in [Name] and click the [OK] button to 
| Click [Register all settings to default settings} create a copy of the sub tool 


TIPS Restore the initial sub tool 


Even if you accidentally delete a sub tool or change the sub tool settings with [Register to default settings], you can restore the 


initial state of the sub tool. 


Select [Add initial sub tool] from the display menu of the [Sub tool] palette. 
2 Select the desired sub tool in the [Add initial sub tool] dialog box. 
E} Click the [OK] button to add the default sub tool. 


Add initial/sub\tool 


Sub tool group’settings (B) 


Subsole](C) 


Subjtoollsettings|(E’) 


Gradation 


Deletelsub)jtool|(D) > iSa) 


Creating!a/custom'sub}tooll(N)® 


Se sub}Tooll()! 


real pen 


2. Select the desired 


= . - ae sub tool 
1. Select | Caburaban 


4 Calligraphy, 


® ‘frequently/useditools 


We will divide the tools into several types, mainly those used for illustration production, and introduce their overviews. 
| Tool to change the campus display 


[magnifying glass] tool 
Enlarges/reduces the campus display. Click the [Zoom 


in] sub tool to enlarge the display, and click the [Zoom 
out] to reduce the display. 


sub seal [ne] 


zoom in 


ZOOM Out 


Fa 


[Hand] tool 


It can be changed to grab the position of the canvas display and move it. 


palm 


return 


q Tools for manipulating materials, rulers, text, etc. 


Operation tool 


The [Object] sub tool of the [Operation] tool is a frequently 
used tool, so let's memorize it. Tools for manipulating image 
materials, rulers, text, 3D materials, etc. 


object 


layerselection 


lightstable 


timelinejedit 


)) tools to move layers 


[Move Layer] Tool The 


(Move Layer] tool allows you to blur the image on by 
the selected layer. 


Jibril|[Uayer] 


Movellayera j 


Movellayer 


movingtones 


gridimove 


[The selected image can be 
moved by dragging. 


© 


100%|Normal 
me Orange 
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@ Tools for creating selections 


Selection Tool 


The [Selection] tool has sub tools that allow you to create 
& various types of selections. 
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[Rectangular selection] allows you to create a 
rectangular selection by dragging 


[Auto select] tool 


The [Auto Select] tool creates a selection by clicking on a closed area or a range of the same color. 


SelectiEditiayer Only, 


—— —__ 


AS 


\ 
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x) 
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a . 
12. A selection will be created and the Selection [°™-\ 
F ~ 
Launcher will appear 


— ie 
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i tool to get color 


({Eyedropper] The 
[Eyedropper] tool takes a color from an image and makes it the drawing color. 


SubToo!l [Eyedropper 


dropper 


geticolomfromilayer 


i brush tool 


Q [Pen] tool 


You can draw with a clear line. The Rib Tool is divided into the [Pen] group, 
which allows you to draw lines with different strengths and weaknesses like the pen 


used for drawing manga, and the [Marker] group, which allows you to draw uniform 
lines like magic 


8 [Pencil] tool 


The [Pencil] tool, which allows you to draw like a pencil, is characterized 


by its more gradation than the [Pen] tool. The sub tools are divided 
into the [Pencil] group and the [Pastel] group. 


(® [Hana] too! 
It is a tool that can be used like a paintbrush for watercolors and oil paintings. They are grouped by [Color], [Thick Paint], [] and [Real Watercolor]. 


eave no,.texture 


(pee si 


heavy,brush 
Famuilianze 


See. amiliarize 


(8) [Airbrush] tool (> [Eraser] tool 


ain plan 


This is a tool that allows Tools for erasing drawings 


you to paint like @ spray. its le. 


{> Blend tool (© Fill tool 


The [Fill] tool is a tool that 


allows you to detect areas 


A tool that mixes drawn 
colors. It is used to smooth 


the boundaries of colors where roots are closed and 


fill them in solid. 


do not disturb 


(S) Gradient tool 


Create a gradation by grabbing on the canvas 
can do 


Other tools 


1 [Shape] tool (2) [Frame border] tool 

You can create straight lines, circles, Create a manga frame id mcomant 
polygons, etc border 

3 [Ruler] tool By Text tool 

There is a ruler for drawing straight Atool for entering characters 


lines and curves, and a [Perspective is 
ruler] that can be used to draw a close-up 


background 


6 Modify tool 


You can modify lines and rulers 


5 [Balloon] tool 
You can create cartoon balloons. 


increase on vector layers. 


[Remove dust] tool 


You can remove image dust (such 
as unintentional fine points) 
Too! 
Select the Modify tool, 
You can select the [Remove dust] 
% tool from the [Remove dust] 
group on the [Sub tool] palette. 


tocome. 
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Save file 


Let's remember how to save the work file. It also explains the image formats that 
can be handled by CLIP STUDIO PAINT. 


Save/SaveyAs/Save Duplicate 


There are several ways to save files. 


From the [File] menu, select [Save] [Save As], [Save a copy]. 


[Filel(5) OE Page)Managementi(B)/Animation 


You can select Save. EN)... trl+n 
Select [Save] to overwrite the current file and save (dave) from Clioboard 
it. To (0) 
change the file name and back it up or save it in Recentifiles 
a different image format, select [Save as] or [Save a copy]. 
select. 
! TTHA)... 
B keep Sz SAR) 
Select [File] menu [Save] ((Ctrl3 key]) to save 
ee merge'and exporti(R) 
the image format of the currently opened file. 
“ah age (Y) 


Export-animation!(Y,) 


mw Save As 


If you select [File] menu — [Save As] [Shir + Ctrl + 3 keys], you can change the file name and save 


it. You can also specify the save destination and select the image format. 


fl save a copy 


Select [File] menu — [Save a copy] to create a copy of the open file. You can also change the 


save destination and file name in the same way as [Save As]. 


@ Save)iniCEIP:STUDIO)/EORMAT 


CLIP STUDIO FORMAT is. CLIP 


This is an image format exclusively for STUDIO 
PAINT. You can save the layer information, 


etc. completely as it 


is during production. Basically, save in CLIP STUDIO jp mero document 
BY tote b | : 
FORMAT. ee ti 
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TIPS Precautions when saving 


Note that selecting the [File] menu > [Save] will overwrite and save the file in the image format of the opened 
file. For example, if you open a JPEG image file, edit it by creating layers, etc., and then select [File] menu > [Save], it will 
be saved as a JPEG image, resulting in an image with all layers merged. 


elmage\format 


The image formats that CLIP STUDIO PAINT can handle are as follows. 


You can open and save these image formats. 


) CLIP STUDIO FORMAT (extension .clip) 


This is a dedicated image format for CLIP STUDIO PAINT. 


) BMP (extension .bmp) 


A standard Windows image format. High resolution images can be saved without deterioration, but the file size 


will increase. 


| JPEG (extension jpg) 


Compression can reduce file size. However, it is necessary to pay attention to image degradation due to 
compression. It is used for web and photo data. 


)) PNG (extension: .png) 


Can be compressed to lighten file size, but not as light as JPEG. You can also create 


transparent images. Can be used on the web. 


B TIFF (#038 : .tif) 


High resolution images can be saved without deterioration. Printing because it can handle CMYK color mode and so on. 


| Targa (extension: .tga) 


It is a format used in animation and game production sites. 


) Photoshop document (extension: .psd) 


An image format for Adobe Photoshop. Adobe Photoshop is a software with a high penetration rate, so it is also used for exchanging 


print data. It is possible to save the layer information of CLIP STUDIO PAINT, but there are functions that cannot be 


carried over, such as changing the blending mode of the part. 


) Adobe Photoshop Big Document (extension: .psb) 


An image format for large sizes in Adobe Photoshop. In normal Photoshop format, if either width or height 


exceeds 300,000 pixels, it cannot be saved, so it is necessary to choose the big document format. 


i Mergelimages andjexpont 


[Combine and export images] is a useful function when you want to export an image with a reduced 
size. You can select any image format from the [File] menu > [Export images with flattening] and 
write it out. 


export to the specified image format. The setting contents differ depending on the image format. 


12. Click 
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CMYK preview 


The color format of CLIP STUDIO PAINT is RGB, but you can display a preview 
when exporting in CMYK. For RGB and CMYK, see page 54. 


[View] menu -. [Color profile] — [Preview] 2 Set the CMYK color profile. mark 
Select View Settings. CMYK color profile standard in the printing industry 
— Select [CMYK Japan Color 2001 Coated]. 
N) i) — select. 


select 


a ——— 


: ABOUT|CH 200 


vcre? 


When the [View] menu > [Color profile] 
> [Preview] is checked, the image 


is previewed in CMYK on the canvas. 


CMVC Coler,300 Cantel)- CLIP. STUDIO, PAIN 


Hi 


Embed ICC profile 


If you check [Embed ICC profile] when exporting 
images with [Combine and export images], the set 
color profile will be embedded and exported. 


You can 


What is a color profile? 

Display colors by what standard 
Itis a function to 

record the color change 

in other environments. 


Basicoperationssto keep) inimind 


® 2-1 Select a brush (pencil/pencil) e 2-7 Basic layer operations 


® 2-2 Choose a brush (brush airbrush) 02-8 Adjusting the campus display 
® 2-3 Decide on the brush size ® 2-9 Undoing operations 

@2-4 Setting image stabilization 2-10 Eraser] or clear color 

® 2-5Density and degree of brushing ® 2-11 Create a selection 


® 2-6 Decide on a color ® 2-12 Blending mode 


Choose a brush (pencil/pen) 


The [Pencil] and [Pen] tools are recommended for drafts and line drawings. There are analog 


pencils and brushes that can be used like Ben. 


pen 


The sub tools in the [Pen] tool [Ben] group allow you to draw sharp, strong and weak lines. 


pen group 


Sub)Tool|[Pen]} 


“a imarker, 
t}/ 
realliG pen 
Maru per 


Caburaban 


calligraphy, 


grainy, bread 


G-pen 


“The standard [Pen] tool. 


It's a feature. 


a 


real G pen 


You can draw realistic lines with a rough analog style. 


cabraben 


Compared to [G Pen], it is easier to draw uniform lines. 


a 


[Pen] tool Sub tools in the [Marker] group allow marker at 
you to draw uniform lines like a permanent marker. 


subsole pen 


Ls marker 


* 


felt-tip pen 


ASSN Ke, 


Sgt Pay 
magic)pen 


dot pen 


flatimarker, 


pencil 


[Pencil] tool The sub tools in the [Pencil] group produce a softer atmosphere than the [Pen] tool. 


It's going to be a line of mind. 


pencil group real pencil 


sub tool |} 


A realistic Pencil tool with strokes 
MD leaste! that look like pencil grain. 


real penci TR, 


— 
i\_/J\ / 
drawing pencil JSF oe 
/ 
et pencil a / wo 


He pencil ) \ 


WL VE 


A thin line brush. You can also draw darker 


dark pencil 


lines by increasing the pen pressure. Similar to 


A standard brush with no peculiarities. Dark Pencil, but with a higher anti-aliasing 


setting, resulting in a softer stroke. 


PRO | EX | 
Choose a brush (brush/airbrush) 


Here, we will explain the [Brush] tool and [Airbrush] tool, which are mainly used for painting. . 


The sub tools of the [Flower] tool are divided into several groups. 


@)Watercolor. 


The sub tools in the [Grass] tool [Watercolor] group have brushes that can be used to draw watercolor-like 


illustrations. You can paint while mixing with colors already painted on the same layer. 


Sub tool [edit] Opaque Watercolor 


eal 
ao A standard Brush tool. You can draw while blending with the base color by 


applying shading with pen pressure. 


fl S 


We 


The painted surface becomes smooth because the drawing is strongly blurred. 


Blendiin 


smooth watercolor 


NX Zpih) 


listress 


layeredirafflan 


Pee Familiarize 
ayaa don't’smudge 


blur green watercolor 


You can draw with brush strokes that look like green blur. 


ihickicoating 


The [Brush] tool [Thick paint] group provides oil paint-like brushes that apply thick layers. 


sub too! [] oil painting 


A standard brush with no peculiarities. Colors are darker than [Opaque 


watercolor]. 


dry/gouache 


BE 


oll painting flat brush 


A flat type brush. Painting while showing the feeling of handwriting 


| can. 


gouache 


Gouache 


It is characterized by a faint feeling that is painted with paint with little moisture. 


wonagor 


> ‘real\watercolor, 


The sub tools in the [Brush] tool [Real watercolor] group have been updated from ver 1.86 to enable more realistic watercolor expressions. 
Added plush from 


Since it is not possible to paint while mixing with the base color, it feels different from the brushes in the [Watercolor] group. 


3% Turning on [Mix ground color] (see page 212) on the [Sub Tool Detail] palette allows you to paint while mixing with the ground. 


Watercolor ball pen 


It is a watercolor brush with a 


round tip. You can draw transparently 


with the texture of paper. 


blur watercolor 


FH Ke It is possible to create an expression that is similar et 
<=3: 
to painting while letting it bleed onto water-filled paper. ’ OF aN 
leftithe tube ar 
if 
J 
coarse watercolor 
an also be used as 
TIPS [The tool can drawing brush. Watercolor print with bumpy edges 
———EEEEE—— EEE It's Rashi. 


By reducing the brush size, you can also use the 
[Opaque watercolor] or [Oil paint] of the [Brush] tool 
as a line drawing brush, 


The [Airbrush] tool allows you to paint like a spray. You can paint with smooth gradations that 


are difficult with other brushes. It tends to be applied evenly, so if you use it a lot, it can give 


a vague impression. 


Sub’seal [F, plush soft 


*™ ell plan} 


- You can draw strongly blurred images. 
The larger the brush 
size, the smoother the 


gradation can be created. 


highlight 


smudge’ spray, 


splash 
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PRO | 
set brush size 


EEE Sa ee 


Once you have decided on the plan to use, set the brush size on the [Brush Size] 
palette or [Tool Property] palette. 


Examplejofilinejdrawing|brushysize 


Because pen pressure varies from person to person, the appropriate plush size will also vary from person to person. 


In the example, a thick line is drawn with "7~8px" and a thin line is drawn with "5~6px". 


* Campus size is 216 x 303 mm. 350dpi resolution (see page 16 for how to set) 
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- Select a size from the Brush 
Size palette. Units are displayed in px 
(pixels). 


1200 1508 1200 2000 


TIPS Change units 


CLIP STUDI PAINT ERT (>) 


2 Sizes that are not on the [Brush size] Tool property (Pen 
palette can be set with [Brush size] 


on the [Tool Property] palette. 


Votitoo much 


TIPS Resize with 


—_ keystrokes 


antialiasing 


You can change the brush size by holding down the [Ctrl] 
©, + [Alt] keys and moving the tablet or 
pen without releasing it. 


TIPS Add a size to the [Brush size] palette 


New sizes can be added to the 


[Brush size] palette. 


ai Set the plush size on the [Tool 
Property] palette. 


2 Right-click on the Brush Sizes 
palette and select Add 
Current Size to Presets to add a 


new size to the Plush Sizes 


palette. 


- 


: 


(1. Right click 
hes 


You can change the [Length unit] from [px] to [mm] in the [Ruler unit] category in the [File] menu > [Preferences]. 


Dragonfy) 


1600 1700 2009 


reset current'size 
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Setting image stabilization 


You can use [Stabilizer] to reduce the trembling of lines that occur when drawing with a pen tablet. By 
setting [Hand Pre-correction], it becomes easier to draw smooth lines. 


@) |mage|stabilization 


[Image Stabilization] is a setting that suppresses hand movement and makes it easier to draw smooth lines. It is a good 
idea to set it according to your preference while 


doing trial writing. If the number becomes too large, the application may become sluggish. 


The [Pen] tool and [Pencil] tool are displayed on the [Tool Property] palette. 


[Stabilizer] can be set. 


Image stabilization; 0 Image stabilization: 20 


Can be set in the range of "1 to 100° 


TIPS and corrections 


The [Sub Too! Detail] palette allows you to make more detailed corrections. 


| image stabilization 
Use the [Pen] tool, [Pencil] tool, etc. to set the basic [Image stabilization] 
displayed on the [Tool Property] palette. 


WRK: & Adjustment by speed 
pal stabilizer When on, the correction increases the faster Ben moves. 
02 Moxberattion post-correction 
{ 7 (28E Corrects to smooth lines after drawing. 


by,04 


O5)Table I Adjustment by speed 


{ Bt. BS The speed of the stroke changes the strength of the post-correction. 


i 


& “dustment by display magnification 


The strength of the post-correction changes depending on the display magnification of the canvas 
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Brush density and blur 


Here, | will explain about the density of the brush. Let's take a look at the settings that determine the thickness 
of the brush. 


e Darkidrawing|=)highopacity, 


Parts drawn on a transparent layer become opaque. 
When drawn to maximum density, it is fully opaque, but when drawn lightly, it is semi-transparent, allowing any 


color underneath to show through. 


@ Setting\tojdetermineidarkness 


Change the [Brush Density] or [Opacity] setting to adjust the density when drawing with the brush. 


brazi concentration Opacity 


| properties 


blancisize 
E 


Opacity, 


vector, Smoke 


TIPS Difference between brush density and opacity 


A brush repeats a pattern called a brush tip in a continuous line. [Brush Density] 
is a setting that changes the opacity of this brush tip. If you continue to draw in the same place without taking your pen off the tablet, 
the brush tips will overlap and become darker. 


{ Brush used Decoration tool -. Dotted line 


Brush Density: 30% (On in 
{ Brush Density Effect Source Settings) 


a: & 


Move the brush getting thinner 


around in the same 


place 


On the other hand, [Opacity] is a setting that affects the opacity of the entire stroke. Even if you continue to draw in the same place without removing the pen from the tablet, the 


{a — remains constant 
Opacity: 30% 


Move the brush around without 3ff is the same 
removing the pen from the tablet 


If you lower the [Opacity], when you remove the pen from the tablet after drawing and draw again, the overlapped area will become darker. 


[Use}brush dark pencil 


Opacity: 30% 


Settings location 


a ee ~~ 


If there is no [Brush Density] or [Opacity] setting on the [Tool Property] palette, [Brush Tip] category [Brush Density] on the [Sub 
tc Tool Detail] palette will have [Opacity] in the [Ink] category. 


brush’size 
oh 
nik 


‘antialiasing 


stroke 


‘eR 


Entry/ Eat 


Prevention 


 lirhaseericy 


eS yen Down 
widthvofithe’color 
Tey P) bleeding Then exercise'size 
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eBokehiinilines 


You can adjust the blurring of the lines with the [Anti-aliasing] and [Sensity] settings. 
§) antialiasing 


[Anti-aliasing] is image processing that smooths the boundaries between lines and 


colors. It can be set in 4 levels: [None] [Weak] [Medium] [Strong]. 


tool property 


brushisize 


Opacity, antialiasing: none 


Antialiasing: Medium 


i Hardness 


[Hardness] is a setting that allows you to adjust the degree of gradation of the brush tip. 


Hardness: 100 Hardness: 0 


eColonicon 


The [Tool] palette and [Color Wheel] 
palette have color icons. 
wineger 

The color icon allows you to switch 
between main color, sub color, and transparent 


color selection. The selected icon is surrounded 


by a blue frame. 


e (ColomGircle]| Barrett 


decide the color 
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Set the drawing color with a color palette such as the [Color Wheel] palette. Check the drawing 
color with the color icon. 


color icon 


Main color The 
drawing color is Sub color 
RIT RNs You can set a sub 
drawing color 
in addition to the 
main color 


transparent 
You can choose a transparent color. Areas 


drawn in transparent colors become 


Oareparent 


On the [Color Wheel] palette, you can adjust the 


drawing color by determining the hue (hue) with the 


ring and adjusting the vividness (saturation) and brightness 


(luminosity) of the color with the square area. 


Hue ~sseee-* +Red + Blue +» Green + Yellow 
color difference 
Sauer ««««-««-, Color vividness 


lightness ««++.«++ . color brightness 


Hue + 


Drag on 
the ring 
to set 
the tint. 


tenga 8 


Moving the contro! 

point up within the square 
area will lighten 

the color, moving it 

down will darken the 


color, 


Moving the control point to the right within the 
square area makes the color brighter, and moving it to 
the left makes the color darker. The leftmost position 


produces a neutral color 


:Colorsettingexample 


Let's take a look at the process of setting colors on the [Color Wheel] palette. Here, let's make light blue. 


1 Determine the hue with the ring. blue close to green coloncircle 
I tried to. 


H205S'62164 


2 | moved the control button to the top 
‘ai 


of the square area to maximize the 


color,circle 


brightness. 


If you lower the saturation (move it to the left) 
in this state, it becomes whitish. The drawing color 


has been made light blue. 


£ : light blue is ready 


H2O8 Ss 43 v 100 * 


TIPS Color space switching 


The default [Color Wheel] palette is set to 
HSV color space. The HSV color space sets 
colors in terms of hue, saturation 
and lightness. Click the icon at the bottom 
right of the [Color Wheel] palette to switch 
the color space and set 
it in HLS color space. In the HLS color space, 
the drawing color is set by adjusting Hue, Luminance, and 


Saturation. 


switch color space 


e)[ColomSlider|ipalette 


The [Color slider] palette is a palette that sets the drawing color by adjusting the value 
with the slider. You can display the [Color Slider] palette by selecting [Window] menu > [Color 
Slider]. Also, in the initial state, it is hidden behind the [Color Wheel] palette, so you can click the 


tab to display it. 


| Click to view 


TIPS [Color Set] 


Palette 


The Color Set palette lets you 
select colors from a tiled list. 


8) 


Click to open a list where you can select 


a different color set 


I} Switching the setting method 


The [Color Slider] bullet allows you to switch settings in the tabs on the left. 


color, slider, 


—j 


Set the color with the H (hue), S (saturation), and V Set the color with the R (red), G (green), Set the color with the C (cyan), M (magenta), 
(brightness) sliders and B (blue) sliders. Y (yellow), and K (black) sliders. 


* When the color space is HLS, it 
becomes [HLS] (H: Hue, L: Luminance, S: 


Saturation). 


yO RGB and CMYK 


RGB is a color expression method used in televisions and computer monitors, and expresses various colors from three 
colors: red, green, and blue. 


Setting all RGB values to the maximum value (0) produces black, 

to the maximum value (255) for white. 

CMYK is a color representation 

method used in printing. Choose from 4 colors: 

Cyan, Magenta, Yellow, and Black (Key plate) Fi 

It expresses a variety of colors. j 
Since the range of colors that can be expressed with CMYK is . 
narrower than with RGB, it is important to note that when an image 
created in RGB is converted to CMYK, the colors may change. 
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Basic layer operations 


Digital illustrations are based on creating works using multiple layers. You can work more efficiently 
by dividing the layers according to the content to be drawn. 


@ Whatiisvallayer? 


Layers are an essential feature in digital illustration. 


Layers are easy to understand if you imagine something like a transparent sheet. stacking multiple layers 
Use it to make it one image. 

For example, after drawing the green painting and painting layers separately, it is possible to overlap them to create a single image. 
Become. 


® 
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e) Createjrastemlayer, 


Select [Layer] menu > [New Raster Layer] [Ctrl] + [Shift + key] to create a new raster layer. 
You can create a Yar. This raster layer is the 
base layer. There are various other types of layers such as vector layers, 


image material layers, and tonal correction layers. 


From the [Layer] palette 


Payer) Choice}play, () 


Fr Raster ‘layer (N)) 


New layer,(day) 


Click 
New,tonal correction layer, ( 
ee layer, folder, ( 
Uayer(D 


layer) [Layer] Bullet new 


— | raster ray 
Vayerjmaski(M) 
ya] also from rastare 
a | 


You can create an ear. 


vectomlayer, 


In addition to raster layers, there are vector layers that can be drawn on. A vector 
layer is a layer that allows you to edit drawn lines. Since some functions such as [Mix ground color] (a function 
that paints while mixing with the ground color) cannot be used, it is better to use a raster layer for 


filling (see page 212). 
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é 100% "usually, 


A control point called Goten #l| 
is displayed as if drawn on the 

vector layer. Control points can 

be modified with the [Object] tool he 


& or (Modify) tool 


TIPS Paper Layer 


The paper layer is a layer with a white background that makes it easier to see what you are working on. 
Transparency is expressed in a checkerboard pattern on the work screen, so it is difficult to work without a paper layer. 


Layers with nothing drawn on them are 
transparent. On the canvas, transparent 
areas are represented by a checkerboard 

patter. 


usually, 
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elayendisplay/hide 


Click the eye icon on the [Layer] palette to toggle layer visibility. 


| es 2B 
ae Ran 
mal 100% usually 


100/usually, 
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TIPS Show only one layer 


You can display only one layer by ALL + clicking the eye icon. 


. ALL key + click again 


Retums to the original display. 
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Changejthelordenofilayers 


You can change the order of the layers in the [Layers] bullet. Because they are layered on The image of a certain layer is displayed in the foreground 
top, changing the order of the layers will also change the appearance of the image. 
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A pen mark appears on the selected working layer. 


is shown. 
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[Ctrl] key _-click to select multiple layers. 
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2. Continue clicking. 


Multiple selection with [Shift] key 


If you hold down the Shift key and click on each of two separate layers, the layer in between will also be selected. 


1). shift-click ) 
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| 2, continue to click 


You can delete a layer by clicking [Delete Layer] on the [Layer] palette. 
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1. Click to select 


@ Multiplefselection/ofilayers 


© layer, delete 


increase. 


13. Can be deleted 1) 


e Combining)layers 


Layers can be merged with other layers. Master how to merge to help manage your layers 


let's 


) Merge with layer below 


Select [Layer] menu > [Merge with layer below] [[Ctrl + key] to merge with the layer below. 


increase 


Pee Wiew,(V) Filter, (1) 
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wit raster layer 


New,layer(o) 
New, layer folder, (0) 
ayer(D) 


layer, (1) 


Layer mask:(M) 
Regular, frame'(R 


Filetobject{(x) 


Create’a\folderand|insert’a layer, (F) 
Replace}layer(H) 
Vayer LT, Ts 


Transferto lowerlayer,(C select | 


Merge \withilower layer, (W) 


)) Merge selected layers 


If you select the [Layer] menu > [Combine selected layers] ([Shift + Alt + key)], 


Merge a series of layers. *If 


there is an unselected layer in the layer, it cannot be merged. 


Oa meets) ee)V) | Filter(L) 
See ostanlayer) CtrleShit+eNn 
PR Vayerro) 

SRO MP layer 
New layer, folder,(O) 
Layer, (D 
» TS .. 
Create folder, and insert layer( 
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Be middie layer,(G) 


Merge Visible Vay V)iCtri+ShiftiEs 


Make a copy, of, the visible layer,white (x) 
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@ Merge display layers 


[Layer] menu > [Displayed layer] [Cort }+- [Shift] + [Elkey) tochoose  -wrn._—s showing Ray of 


Combine layers into one layer. 


S) View (V) Filter, (1) 
NewjrastenlayernN Ctrl+Shift+N 
See Uayer,(E) 

Sen Cayen(S } 
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newjlayenfolder(0) w E WL , 


Uayer,(D 
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Merge withilowerlayer/(w) _ . . 
select 


(V),the visible layer, Ctr+ShiR+E 

| visible layer (X) i 
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Sorti(A) 


See! argeti(1)) 


) Merge copies of visible layers ° 


If you select [Layer] menu > [Combine copies of visible layers], a layer is created by merging the currently 


displayed layers, and the layers before merging remain. 


pre-match layer i. 


en raste 


Newjlayer(E) 


Newjlayermfolder(0) 


Layer,(D) 


Allowed on lower layer, (C) 


ower layer (W) 


Merge)visible layers)(Y)) : sweet 


Mean argeti(l) 


merge screens 


You can merge all layers into a single layer by selecting [Layer] menu [Merge 


screens]. 
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Validate layer,(D) 


layer, ((1) 
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Uowerlayer,and case|(W) 


Merge\Visible Uayers!(V) 


Copy visible layer, 


Sorti(A) 


ee! arget(1)) 


® layenlock 


Turn on [Lock Layer] for layers you don't want to edit. On 
the [Layer] palette, click [Lock layer] to turn it on. You 


can 


unlock it by clicking Lock Layer again. 
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2. Layers are locked 


3. You will not be able to edit 
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@ Eayenopacity, 


You can change the layer opacity by dragging the opacity bar on the [Layer] palette. 
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You can create a layer folder by clicking [New 
Layer Folder] in the [Layers] 

palette. Layer folders store and organize . Ps 
layers, FE. 'r 
100% usually 


figure 
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coating 
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A layer mask is a function that can partially hide (mask) a layer image. 


For example, you can show only part of the image or hide only part of it. 


)} Create a layer mask 


You can create a layer mask by selecting [Create Layer Mask] in the [Layer] palette. Created 


Layer masks can be edited with the brush tool. See 


page 101 for more information on editing layer masks. If you select 


[Create Layer Mask] after creating a selection, the area outside the selection will be masked. 
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Create layer 
mask 


= 
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@ Create layer mask from selection 


If you create a selection and select [Layer] menu > [Layer Mask] > [Mask outside selection] to create a 
layer mask, the area outside the selection will be hidden by the layer mask. 


—_—_ 


] , create a selection 


‘i \ - » 
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Newjlayerj(E) 
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Newjlayerfolder(0) 
Duplicate}layer(D) 


Delete}layer)(i) 
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filefobjecti(x) 


Vayersettings (P) 


Applysto) Maskilayen(6) 


Selection}from layer (¥) 
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Adjust the canvas display 


ae 


It's a good idea to learn how to zoom in and rotate the canvas to make it 
& _ easier to draw. 


The [Navigator] palette allows you to change 


the canvas display while viewing the preview. simage 


The area 
displayed in the 
preview Canvas is 
indicated by a red 


line 


Content displayed 


on campus 


) )Zoom)inyZoomyout 


Magnification is useful for drawing fine details. Let's 


remember it with a reduced display and a set. 


| Zoom In/Zoom Out 


You can zoom in/out by clicking [Zoom 


In] [Zoom [Out] on the [Navigator] 
palette. 


) scale slider navigator 


You can also adjust the [Scale up/down 


slider] to scale up/down the display. 


Zoom in/out slider 


By rotating the display, you can set an angle that makes it easier to draw lines. 


| | Rotate Left/Rotate Right 


Click Rotate Left or Rotate Right 
in the Navigator bullet to rotate 
the canvas view. 


Rotate left 


Rotate right 


fl rotating slider 


You can also rotate the canvas view by adjusting the Rotation Slider. 


rotating slider 


| reset rotation 


If you want to undo the rotated view, click Reset Rotation in the Navigator bullet. 


reset rotation 


9) Horizontal Flip/Vertical Flip 


Click Flip Horizontal to flip the canvas display horizontally. To restore the reversed display, 
click [Flip Horizontal] again. 


Similarly, click Flip Vertically to flip the canvas display vertically. 


J ~ Confirmation of drawing 


Horizontal flip Vertical flip 
You can flip the display horizontally to check the accuracy of your drawing. 


eindication’as!a\whole 


To display the entire illustration, click [Full display] on the [Navigator] palette. 


Creral represen tation 


TIPS fitting 


You can also click [Fitting] on the [Navigator] palette to display the 
whole. Click [Fitting] to turn it on, and change the size of the canvas window to change the display. 


i S| 


1. Drag to resize the canvas window 2. Linked with the whole displayed 
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Undo operation 


If you make a mistake or want to redraw the green that you drew, you can use [Undo] to return to the state 
before the operation. 


e (Wndolfand| [Redo] 


You can undo the operation by selecting [Edit] Re (AND)) 1Rage|Managementy _1(P)/Animation|(A) 


menu [Undo] (Ctrl + @ key). Cancell(L) Ctn+Z 


An undone operation can be restored to its original state by Redo(R) 


+[¥ selecting [Edit] menu — [Redo] ({Ctri] key). 


Cutl(q) 


Copy,(C) 


cancel Ctrl +(2] 


Erase|(E) 
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| want to start over 


TIPS [History] Palette 


The [History] bullet allows you to go back in time through the history of your actions. 


C/G. 
GK 
pen/pen/pen 


erasereraser/, 


SETI but refer,to other, layers 
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layers»Fill Referto other layers 


PN A A/G Browse Vayer, 


Bt) We but'refer,to‘other layers 


UA RAY Vay 
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New, rasterlayerd 
Filling Ship'See other, layers 


att ee see ship othernlayers 


*The [History] palette is stored in the same 
palette dock as the [Layer] palette. 
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Erasing with [Eraser] or transparent color 


When erasing drawn areas, it is basic to use the [Eraser] tool or a brush tool that uses a transparent 


color. 


e) Erasing\with\the)[Eraser|}tool 


The [Eraser] tool can erase the image on the selected layer. 


} harder B Soft 
A standard Eraser tool. feels like a pen This is the [Eraser] tool that allows you to erase 
You can turn it off with your mind. vaguely 


} kneaded eraser 


You can erase like a kneaded eraser 


for drawing. 


e) Erase\with\transparenticolor 


If you select a transparent color with the color icon, you can erase the drawn part with the brush tool. Since you 


can erase while showing the features of the brush tool, you can make corrections without destroying the atmosphere of the drawing. 


transparent 


*Brush used [] Tool > [Real watercolor] > [Rough watercolor] 


e) Delete|by/menu operation 


If you select [Edit] menu [Delete] (Del ; : ement (P) Animation (A) 
key), you can delete the image 
on the selected layer. 

Cut(n) 
Copy, (C) 


Paste |(P) 


7] 
Previewalones|('7) 
Fil (F) 
meee fill 


Auto Color, Preview/XP) 


WALT wee ora 0 


Change campus size(5) 
ampus size 
Carrpus ChRE - BEN 


Change Campus Basic Settings (\V) 


Clear, memory|M) 


to change the color, of t 
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Create a selection 


— 


This section mainly explains how to create a selection using the [Selection] tool. 


eWhatiis\the/selection|range?. 


You can create selections to limit the area in which you edit an image. Learning how to create a selection area is useful 
in many situations, such as when you want to paint only part of an image, or when you want to erase part of it. 
) select all 


[Select] menu — [All] 
If you choose Select Ctri+Key), 


Select the entire campus. 


See Simeans|(V) filters(a)) 


) Clear selection 


To cancel the selection Select [Selection] menu > [Clear selection] ([{Ctrl + key]). It is 
convenient to remember shortcut keys. 


Filter(|))\Won 
Select/all (A) Ctra 
i 2ST) ctl+D 


We invertirange (selectihtt 


—_—_—_—_—_-_— 
PRE F Fiano 
MRR = 48/)\( VU)... 


See F 00! (B) 


Select color,(C) 


Deselect Ctrl + D 


eCreating aiselection}from/al layer, 


Clicking a thumbnail on the [Layer] palette while holding down the [Ctrl] key creates a selection from the 


drawn (opaque) portion of the layer. 


109 


a 


eUsingithe[Selection]\tool 


Create a selection by selecting the sub tool from the tool and specifying the range by 


dragging. For specific operations, refer to the following pages. 


TAP HAR 


shrink selection 


i J 


@ Ellipse selection 


| rectangular selection 
The Selection tool Rectangular Select allows you The [Selection] tool [Elliptical selection] makes an elliptical selection. 
to create rectangular selections. Hold down the You can create ranges. Hold down the Shift key while 
dragging to create a circular selection. 


Shill key and drag to create a square. 


§} Lasso selection 
The Selection Tool Lasso Selection lets you create freehand selections. 


ener anetece nest 


. et ee 


preeererr ees 


@ Polyline selection 
The Selection Tool Polyline Select allows you to create a selection with a polyline. 


o selection pen 


The [Selection] tool [Selection pen] allows you to create a selection just like painting with a pen. 


| Erase selection 


B} shrink selection 


The [Selection] tool [Shrink selection] will select the outline of the drawn area within the dragged area. 
will be 
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» Compositing mode 


: — SS 


wv Blending modes are settings that allow you to blend colors with underlying layers in different 


Ye a 
a ways. It can be used to change the color or adjust the color tone of the finish. 


Wyset blendingjmode 


You can select different blending modes 


from the list on the [Layers] palette. 
Stack the layers as shown to see 


the results of each blending mode. 


oe L 

& ie a .... layer 
7... Ki 
of im 


papers 


Layer with blending mode set 


i 


layer below No blending mode is set. 


Burin color 


Compares the setting layer with the layer below Multiply and combine to make the color darker. Darken colors and blend to increase contrast. The lighter 
and displays the darker one. the color, the weaker the effect 


Burn (Linear) 


Composites the colors darker. Similar to 
Multiply, but with higher contrast. 


screen 


Lightens and composites colors. 


Additive composition is used to make colors brighter. 


soft light 


Bright areas are made brighter and 


< dark areas are made darker. Lower contrast 
than Overlay. 


Subtract the setting layer and the layer below. Settings The blacker 


the layer, the more the color of the layer below remains 


incresoe 


® lyaki color 


The colors are brightened and composited. Contrast will 


be lower 


AGE tion (light emiasion) 


Lightens and composites colors. It’s similar to 
[Add], but brightens areas with low opacity. 


hard light 


- 


Light areas are made brighter and dark 


areas are made darker. Contrast is higher 
than [Overlay] 


Comparison (Bright) 


hcl 
» 
2 thal 


oy yf 


Compares the setting layer with the layer below and displays 
the one with the lighter color. 


Dodge (Luminous) 
f 


° a 


a 
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ft é 
(Ve 


Lightens and composites colors. Close to Color 
Dodge, but brightens areas with low 


} 
7 


} 
y 


Opacity. 


overlay 


Light areas are made brighter and dark areas aremade 
< more composite. 


atsokite vate of terme 


Subtracting the layer below from the set layer will result in 
2 © the color of the absolute value. 


vivid light 


[Burn] is applied to bright colors, and [Dodge] is 
applied to dark colors 


hard mix 


| 


Each RGB value of the synthesized color is "D" or "255". 


twill 


Color comparison (light) 


Compare the brightness and display the higher color. 


The brightness and hue values of the lower layer are maintained, 


= . andthe saturation of the set layer is used for compositing 


linear light 


Depending on the color of the setting layer, the composited 
color will become brighter or darker. 


except 


[It will be closer to the absolute value of the 
difference, but with less contrast. 


division 


a om ox 


Multiply each RGB value of the bottom layer by 255 and divide 
by the RGB value of the setting layer. 


K mm 

| i 
While maintaining the luminance value of the layer below, it 
adopts the hue and saturation of the set layer and combines them. 


pin light 


Replaces and synthesizes the colors of the image according to the 


color of the set layer. 


color comparison (HB) 


Compare the brightness and display the lower color. 


Adopts the hue of the set layer and composites while 


maintaining the saturation and saturation values of the lower layer. 


annence 


While maintaining the hue and saturation values of the lower 
layer, it adopts the brightness of the set layer and synthesizes it 


: 3D drawing doll 


By using a 3D drawing figure from the [Material] palette as a rough sketch, you can draw difficult 


poses relatively easily. 


type 


There are male and female 3D drawing dolls. Also, Ver.2 is newer and has a body shape that better suits 


the character illustrations. 


female type 


pasting 


You can paste a 3D drawing figure onto the canvas from [3D] [Body shape] on the 
[Material] palette. To paste, drag and drop or click [Paste Material]. 


- CT STLIN'O PAINT FX 


Drag and drop from the material 
palette to the canvas 


Si character 
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» “characters 


> character, gc 


paste material 
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ed 


139 See 


layer ; 


be 


moving manipulator 


Select the layer of the 3D drawing figure and select the Ga “ oy é 8 oS s 


[Operation] tool [Object] to edit the 3D drawing figure and 
display the move manipulator at the top. The movement o @ 3) +) 
manipulator is used to change the camera angle or change the oe rsa ee oo crete 


© position and angle of the 3D Dessa doll. 


camera rotation & 
64 S965 


Rotate the camera to change the viewing angle 


change the 


Ea 
|2 Parallel movement of the 
Ot" E965 


camera Translates the camera. 


Oe Or aa Sea age =P 


S4H>EO06S 


3 Move the camera back and forth 


Move the camera back and forth. 


| 4plane movement > 


Move the 3D drawing figure up/down/left/right 


Go to. G+" ¢6068 


camera view rotation 5 5) 
3D based on the camera viewpoint 


Rotate the drawing figure. 


6 plane rotation TF 


3D drawing figure clock/counterclockwise 


Rotate clockwise. 


Soe OO86S 


7 3D space reference rotation © 


S4 66865 


Rotate horizontally with respect to 3D space. 


eg BHE 
Let it stick to the ground in 3D space or 3D material 


move while 


pose 


m@ Use pose materials 


1 [Layer] 3D drawing figure with Bullet 
a 
layer. 


Drawing Doll\Ver:> 


100 walker 


2 Drag the Bose material from the [Material] palette 
> [3D] [Pose] onto the 3D drawing figure 
on the canvas to pose it. 


G46? 


®@ drag the part 


When you drag a part, other parts are linked 
as if pulled from it. 


B® immobilization of joints 


If you right-click on the part you do not want to move, 
You can fix the joints of the 

part. To unlock the joints, right-click 
again on the same spot or click Unlock 
All Joints in the Object Launcher. 


Right click to 
lock joints 


Even if the body part is 
moved, it does not move 
beyond the locked joint 


Click Unlock 


All Joints 


g@ Animation controller 


A purple sphere (animation controller) appears when you select a 3D drawing figure by clicking it. 
By dragging, you can move the direction of the face, limbs, and hips. 


SO GO8SE 


m body part manipulator 


Click on a part to select it and a ring will appear. By 
dragging the ring, you can move parts within the movable range of the human body. 


m hand pose 


7 Select the part on the side of the hand you want 


to change. 


12 On the [Tool Property] palette, 
oe to the left of [Pose] 


to display [Hand Setup]. 


(3if you have fingers you don't want 


to move, turn on Lock. 


turnon 
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s Mangaverse 


» ¥ feshihts 


(Atlas show settings 


4 Drag the + in the triangular area up or down to open or close your 


hands. Drag left or right to open or close the gap between your fingers. 


m Adjust body shape 


1 Click [Change body shape] in the object launcher to 
% & display the [Sub Tool Detail] palette and adjust 


the body shape. 
. 2 
object list 
(ee 
4 ve 
: Yr > BW 


oaB 


7 FARO 


fagianjareaxsome 
Vcan do it 


2 Move the slider to change the body shape. 


AF 


SA 
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muscular/glamour 


ai 


Shes 
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lose weight 


os You can adjust your height and head to body with the sliders. 


bees 


Height 175.0cm/7.3 Height 120.0cm/4.5 head to body 


4 If you select the part of the figure of the doll, select the part 


You can change the thickness of the aor "yyy tt 
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Of Digital Drawing 


Chapter, 


Basics 


e3-1 Flow of illustration production 

@ 3-2 Make a draft 

@ 33 Transform and modify 
3-4 Line drawing tips 
3-5 Hide unnecessary lines with a layer mask 
3-6 Select and modify part of the line drawing 

¢ 3-7 Drawing straight lines with figure tools 


0 3-8 Draw a line drawing on a vector layer 


e 3-9 Erase the lines on the vector layer 

©3-10 Prime each part 

e 3-11 Fill with reference layer 
3-12 Fill in the unpainted area 

e3-13 White solid paint 

@ 3-14 Apply without clipping 

e 3-15 Add gradation 

e3-16 Paint shadows 


e 3-17 Reflections and Highlights 
3-18 Add a pattern using the material 

¢ 3-19 Drawing a pattern 

¢ 3-20 [Eyes that paint repeatedly } 

@3-21 Layering (Hair) 

@3-22 Layering (Skin) 

@3-23 Layering (Clothes) 


@3-24 Adding color to the line drawing 
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Flow of illustration production 


The drawing method of digital illustrations differs depending on the artist, but there are some processes 


that are commonly seen. Here, the flow of the standard work process is explained. 
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| solidify the image of the illustration | will draw the line drawing carefully. Make a base for painting. A common 
with a draft. Sometimes | draw a color Illustrations will become more lively if you add method is to paint each part 
rough to predict the finished drawing a little strength. solidly and color-code it. 


with colors, 


© paint shadows and reflections 


Apply shadows and reflections on top of the After painting, review the work and check for areas where the paint is not enough. If 


undercoat. Be careful not to set the light source so necessary, color correction and image processing are applied to finish the illustration. 
that shadows and other objects are positioned 


incorrectly. 


PRO } EX | 


make a draft 


In preparing the line drawing, it's best to focus on getting the shape right without worrying about the accuracy 


of the green. When making a clean copy of the line drawing, it is recommended to set the display of the draft 
to be inconspicuous. 


eDrafttbrush 


Drafts are usually not displayed in the finished product. Therefore, using any brush will not affect the finish. 
plug. Use a comfortable brush. [Dark pencil] and 
[Light pencil] are recommended because they are easy to use. In addition, the [Real Pencil] allows you to draw 


like an analog pencil, allowing you to draw like a draft. 


Example of drafting with [Thin pencil] 


{Sub Soul) [ ~ 
% Ipaste! 


real 


Change\the\colomand/opacity/ofithe/draft 


i layer color 


When [Layer color] is turned on in the [Layer property] palette, the 
color of the drawing part on the layer changes. The default setting is 
light blue. 
If you set the draft line to light blue, it will be easier to distinguish the lines when io ry 


you make a fair copy of the line drawing. 


You can change 


one layer color. ela yercolor | 
Expression|colorn(previewing 


Wray 


Fy SAT a prly cxnre 


TIPS Change the color for each part 


Sometimes it's hard to tell which part the line is for because the lines in the draft are intricate. By dividing 
layers for each part and setting the layer color for each part, you can easily see which part is which. 
You will be able to see it at a glance. 
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§} Change opacity 


By lowering the opacity of the layer and thinning the draft, it will be easier to work with the line art. 
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if you are drafting with multiple layers, you 
can put them in the layer folder and lower the 
opacity all at once 


eDraftiby/overlapping|layers 


The draft doesn't show up in the finished product, fo = 
so it doesn't need to be clean, but it should 
be well-formed to make it easier to clean up l/ \ 
the line art later. If the draft doesn't go well, 
create a layer on top of the failed draft and use 


It is also effective to reset. 


It's also a good idea to start with a rough outline, then add 
layers to create a more detailed draft. 


I draft layer 


In [Set as draft layer] on the [Layer] palette y 

It is possible to make it a draft layer. PEt go 
If you set it as a draft layer, you can ignore the By; ST a 

lines of the draft and fill it in, or you can prevent : 


|= 100 858s 
the draft layer from being exported when you export MAA a | 
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TIPS Color rough 


Some illustrators create a roughly colored rough draft (color rough) before starting 
a rough draft in order to get an idea of the finished product. 
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transform and fix 


Here, we will mainly look at the correction method using transformation. If you are concerned about the 


balance of the illustration, you can adjust the size and position of some parts with [Enlarge/Reduce/Rotate]. 


e Enlarge}Reduce) Rotate 


You can modify the size and position by transforming. 
It is possible to modify parts of the illustration that are out of balance, such as by changing the shape. 


With the [Selection] tool [Lasso Select] 


Circle the part you want to fix. 


Circle the part you 
want to fix 


LINE!service 
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2 Select [Edit] menu — [Transform] [Scale 
up/down] [Small rotation] ([Ctrl + F ee 
key]) 


Rotate the image by dragging 


when the picture 
marks are displayed around -handle 
the handle. You can zoom in 
and out by dragging 
the control 
point on the handle. 


You can move the image by 
dragging when the figure 


mark appears inside the 
handle. 


Adjust the position and size. 


DS xR 


Enlarging the drawn image may degrade it. However, at the draft stage, even if the lines deteriorate, the finish will not be affected. 


, you can zoom in and modify the 


shape. In addition, lines drawn on vector layers (see page 108) do not deteriorate even when enlarged, so you can edit them with [Enlarge/Reduce/Rotate] 
without worrying about deterioration. 


the line drawing. 


Addistrength\tojthe}line 
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Line drawing tips 


When drawing with a pen tablet, you can adjust the strength of the line by pen pressure. The great 


advantage of digital illustrations is that they are easy to redo. Let's finish it neatly while correcting 


@ Entering and exiting 


"Entering and ending” is when the line is drawn at the 


beginning and then gradually thickened and pulled out. 


is to draw thin again. Lines drawn 

with a pen tablet can be strengthened 
or weakened by pen pressure. If there is a 
moderate amount of in and out, the line will be 


beautiful. 


i make a difference in thickness 


The theory is to draw the main lines thick and the 
details thin. By varying the thickness of the lines, 
you can add a three-dimensional impression. Outlines 
and things in the foreground are drawn thicker, 


and wrinkles and facial details are drawn thinner. 


Bf Ink pool 


Areas where lines overlap are 
often areas of shadow. By drawing 
such parts with small shadows, 


the line art will be sharp. 


nails and wrinkles 
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Eyes, mouth, nose 
and ears 
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The wrinkles and seams 


of one coat 
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Rotate/flipicanyvas 


In areas where it is difficult to move the wrist or arm, it is difficult to draw a 


line. It would be a good idea to rotate or flip the canvas display to an angle that makes it easier to draw lines. 


Youlcanconnectishontilines 


It is difficult to draw a long line with one stroke 


There are cases. 
In this case, connect the short > © 


no problem. 


TIPS Draw fine and long lines 


if you want to draw a long. thin journey with hair, you 
may find it difficult to connect short lines. 
If you move the pen quickly, the line tends to be smooth. 
[Erase] [[cel] + key) is a good idea to draw on the assumption that you can 
Start over. It is also 
useful to draw with a larger value for [Stabilization] than usual. 


\s effective. 


Youlcanidrawjwhilelcorrecting 


By drawing the line vigorously without worrying about the overflow, the line becomes lively. Excess 


areas can be corrected with the [Eraser] tool or a transparent color. 
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* Here | amusing the [Eraser] tool > [Roughly]. [roughly] means Ka: Ma cH ; 
: This [Eraser] makes it easy to control the part you want to erase. : 
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Hide unwanted lines with a layer mask 


Line corrections are usually erased with the “Eraser” tool, 


but there is also a way to hide them with a layer mask. Even if the 


mask is removed, it can be restored at any time. 


e Non-destructive|correctionjwith layermask 


Here, let's take a look at the flow of correcting with a layer mask. 


Layer the lines of the “blouse” layer. 


fix it with a scooter. 


in the state shown in the figure, there is a surplus in the area where the ribbon overlaps. 


There is a fine line. 


TIPS Dividing line drawings into parts 


In the example, the line drawing is divided into parts and divided into layers. This will allow you to redo the painting. 


There is an advantage that you can modify each part when you want to 


2 With the “blouse” layer selected on the [Layer] 


palette, click [Create layer mask]. 


Create layer mask 


1.00)Usually 

faleleveya) 
100%'usually 
button 


fee | 00%'pass ie 


| blouse 


3 A layer mask icon is created on the “blouse” — 
| 00 %iband 
layer. Click the layer mask icon to select it 


and edit the layer mask. 


usually, 


button 


You cannot draw on a layer while editing a layer mask. If you Wapersreily 
want to draw on the layer as normal, click the layer icon to el 
select it. blouse 
Poin! eee meee : 
' ' 
’ ’ 
» Immediately after creating a layer mask, automatically create alayermask + layer icon Layer mask 
’ ’ 
| isselected. ; icon 
' ’ 


A border is displayed around the icon when it is selected 
(when editing a layer mask). 
4 When editing a layer mask, erasing 
with the [Eraser] tool will mask 


that part (hide and hide it). 
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Here, use the [Eraser] tool — [Roughly] 


1am using. 


Roughly, 
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SoBe accidentally mask a part, you can unmask it by tracing it with a brush such as the [Pen] tool. 


1S (The line on the Fixed to draw with the [Pen] tool 
shirt has disappeared) 
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= Here, the [Pen] tool — Pd 
* ltamusing [G Pen]. : 
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[6 Mask other parts and modify the lines in the same way 
as the process. 


Vt : 


As long as the drawing color is not 


@ transparent color, the result will 


not change no matter how you set it. 


|) 00% usually, 
blouse 


100% ‘usually, 


skirt 


Show TIPS Mask Range 


Select [Layer] menu > [Layer mask] > [Show masked area] to display the masked area. 
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Select and modify part of the line drawing 


Digital illustrations can be easily edited by moving parts of the image. Therefore, draw 


It is also possible to adjust the position of the 
line drawing. Here, | will explain the process of moving and adjusting part of the line art using the selection area and the 


[Move layer] tool. 


fixthainlines 


nh order to create a 


smooth curve for the 


hair, | draw the 
it will get worse. 


lines vigorously. 


In the example, the hair is separated from the other 


parts in layers. The hair often overlaps with other 
parts such as the face, so it is recommended to 


draw on separate layers. 


2 Teac the line you want to modify with the [Selection] tool [Selection pen] to select it. 


Tool Palette and Sub Tool Palette 


shrink'selection 


- Ba 


| With the hair layer selected, select the [Move layer] tool and drag on the canvas to move the 


move the line. 


sub-rule layer 


Movellayer 


Move)layer 
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Draw a Straight line with the shape tool 


items that consist of straight lines can be drawn easily by using the [Line] of the [Shape] 


tool. Also, if you set the [Straight line] tool to [Starting and ending], you can add expression 


to the line. 


@ Drawjan)item\with\the)[Straightiline]itool 


Use the [Shape] tool [Line] to draw a straight line. 
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thie 
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lasso paint 


Create a threedimensional effect by creating a 
difference in the thickness of the outline line and 


line entering the comer of the itern 


& Starting/and/ending\with\the)[Straightiline] tool 


The [] tool can be set to [Starting and ending]. If you add in and out, it will look like it was drawn 


with a pen. 

7 Select the [Shape] tool > [Straight line], and 2 | The [Start/End Effect Source Settings] pop-up 
click the [None] button in the [Starting and window will appear. Check [Brush Size] and click 
ending] item on the [Tool Property] palette. outside the popup window to close it. 


tool property() 
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{SSH 
Opacity, 


antialiasing 


antialiasing 
bran’ shape 


brush'shape 


FS | Click the country under [Starting and ending] on the 4 By changing the [Starting] and [Ending] values, you can adjust 
[Tool Property] palette (display extended parameters). the degree of starting and ending, 


boolean property] 


brush’size brush'size 


TSA 


Opacity 


EMUELES antialiasing 


bran'shape brassica 


= Antes brushisize 


Specifying a: 


change and adjust 


5 You can now draw straight lines with opening and closing. eae forbes el 


ee 
Entering and exiting: On 


+ Brush size: 10px * 
: Specification method Length : 
| speefhcation 120 pieces : 
: without ZUU ; 


Draw a line drawing on a vector layer 


A line drawn on a vector layer can be edited in various ways after drawing, such as transforming, changing 
the color, and adjusting the thickness. 


Createjaivectomlayer, 


Vector layers can be created by clicking [New vector layer] on the [Layer] palette. 


Lines drawn on vector layers (vector lines) have control points. The control point is the [Object] of the [Operation] tool. 
It can be edited with the [Text] and [Modify] tools. 


New vector layer 


iilustration (AlI2894x40030 


ayer,(3) Display] |Filter, ((1)\ Window, Help (H) 
New/Rastenlayer(N)iCtr-+Shift+N 


Vector Clayer( 
Gradation ( 
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Frame border, folder, (¢ 


You can also create a vector layer by selecting [Layer] menu 
[New Layed] [Vector Layer]. 
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Does|notideteriorate‘even\whenjenlarged 


Lines drawn on vector layers do not deteriorate even when enlarged. You can also freely edit the thickness and line type. 
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Disadvantages of TIPS vector layers 


The [Fill] tool cannot be used on vector layers, and operations such as blurring cannot be performed. Also, the filter function that can be executed 


from the [Filter] menu cannot be used. The advantage of being able to edit later is great, but editing is also time-consuming. 


@ Editinghwithithe [Object]itool 


§} Select vector line 


Click the vector line with the Object tool to select it. You can 
drag the control point to move it while it is selected. 


object 


layer,selection 


light table 


timeline’edit 


1 ff — 


TIPS Multiple selection by dragging 


Follow the steps below to select multiple vector lines with the [Object] tool. 


adj Tool properties of the Object tool 
On the Security palette, click [Transparency operations]. 


= 


2 Uncheck Switch Selection to Another mene conduct 
Layer to turn it off. When turned on, 
it will switch to the layer where 
the drawn part of the clicked 
or dragged part is. Select Drag to 
select to enable selection by dragging. 


wlits 
12. Turn on 


wih 


D'camera folders 


3 After completing the settings, you can 
select multiple vectors by dragging. 


9} Enlarge/reduce rotation 


You can zoom in/out and rotate with the handle. 


Drag the green circle 
to zoom in/out 


You can change the [Brush size] and [Brush shape] on the [Tool Property] palette. 


Changing the [Brush Size] will change the thickness By changing the [Brush shape], you can create lines that 
of the line. look like they were drawn with a different brush. 
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Copy, Ribbon ; 
| [Vector version] 
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fait Riventerr 


main color main{color 


Sub!color Sub‘color 


blanc size brush'size blancisize 


bran’shape bran’shape bran’ shape le 


15 Adjustilines\with\the\widthicorrection\tool 


By tracing the vector line with the [Modify line width] of the [Modify] 
tool, you can change the thickness of the line or make the line _) GEES 
uniform. By adjusting the settings in the [Tool Property] palette, 
The result will change. weer 


Vectorline knob 


ma of gat ADS BIL 


\Vector, 


Trace where you want to 
| change the width 


@ Thicken with specified width 


You can make the line thicker by selecting [Thicken by specification] and tracing the line. 


brush’size 
+ 


» have a certain thickness 


If you select [Constant Thickness] and trace a line, the line you trace will be uniform. 


ga brushisize 
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Erase lines on vector layers 


To erase a line drawn on a vector layer, use the [Eraser] tool [For vector]. 
Convenient. 


Lines drawn on vector layers cannot be erased using the [Eraser] tool or 


You can erase with a brush using color, but the control points will 


not be erased. Use the [Eraser] tool [For vector] to erase the line along 
with the control points. 


| vector HR 


[For Vector] In the [Tool 


Property] palette 


a . , | drag 
in use, there is a setting 


forvectors 
called [Vector Erase]. 


Changing the [Erase 
vector] setting changes 


how it is erased. 


touched part up to Intersection & whole 


[For Vector] Erases from the area touched by [For Vector] Touched with an eraser 
the eraser to the intersection of the lines. 


[For vector] Area touched by eraser 


minute disappears. The entire clipping line disappears. 


antialiasing 


Alt [Flying at the intersection] Convenience 


[For Shinkuyu 1] [Below the intersection] 


It is convenient for 


You can correct it by simply tracing the protruding line. 
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Prime each part 


The method of painting each part with a solid undercoat and then painting over it 


to finish is a technique that is often used in digital illustrations. Here, let's 


first look at how to apply a solid color. 


e Advantagesiofiundercoating 


Undercoating makes it easier to visualize the color scheme, 


and by using “Clip at Layer Below” explained on page 127, you 
can paint shadows without protruding from the part. 


The basic rule is to apply a separate layer for each part. 


11 00%' usually 
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100% ‘usually, 
ice’stick 
100,usually 
lice 


100%' band 


op oreleelar 


)0%' usually 


e 


Give the name of the part to the layer name 
and easier to manage. 

if you have more layers, it's a good 100 hax 
idea to organize them in layer ’ 
folders 


fi 


Undercoating/procedure 


|Create a layer folder for filling new layer folder 


under the line art layer. Painting fg Click 
u 
work is done here. 


2 Here, first create a layer to paint the skin. 
To do. 


12. Create a 
1 folder 


a 


[ 3. Create 
“ct 


TIPS Fill Tool Sub Tool 


The [Fill] tool is a convenient tool that allows 
you to fill closed areas of lines by clicking on ) learn polayer 
them. The main sub tools are [Refer to editing layer 
only] and [Refer to other 
#2 (B layers]. and fill layer, click [Other layer 


J PER follow the'pixeis 


J PURER 
Use Browse Yar. Player 


[Refer to editing layer only] is the [Layer] palette Coin 
"T The area to be filled is determined from the drawn area of 
the selected layer (editing layer) 


end to)unpainted area 


By default, [Refer other layers] refers to all 
layers for filling, so you can fill based on 
the drawing area other than the editing layer. 


4 In order to avoid leaving unfilled areas 
such as the face with detailed 
drawings, fill in large areas with the [Pen] 


tool ~ [Marker] [Fill pen} 


, marker 
s y 


felttip pen 


magic pen 


dot be 


flatimarker 


Filllwhere\thellinelisinoticlosed 


If the line is not closed, fill in the gaps with the [Pen] tool [G-pen] etc. before filling. 


Paint with TIDS brushes 


Places that are difficult to use with the [Fill] tool are filled with 
the [Pen] tool [G pen] or [Fill pen]. When 
painting with a brush, we recommend using the [Pen] tool, which does 


not have shading. 


PRO | EX | 
8B fill with layers 


If you want to fill by referring to the line drawing layer, but you cannot fill in the desired area 
because there is drawing on another layer, you can set the line drawing as the reference layer and fill by 


referring only to the line drawing. increase. 


@ Using}the}linefdrawinglas/aireferencejlayerandifilling 


If you want to fill based on the line drawing, but it is difficult to fill because other colors get in the way, set the line drawing layer 


as the reference layer. 


Difficult to fill because other layers are in the way 


If | create a new layer and fill it in, the skin will interfere and | won't be able to fill it in properly. 


2 Select the line drawing layer (or set as reference layer 
layer folder) on the [Layer] 12. Click to tum on 
palette and turn on [Set as 


reference layer]. 


~) When [Refer other layers] is selected, 
set [Multiple reference] to [Reference 


layer] on the [Tool Property] ‘es 
i) ee 
palette : . (9 
100 Sees 
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21%Normal 
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Antialiasing 


donk you can reference and fill only 


the line art set in the reference 


layer. 


5 The undercoat of the hair is ready. 
— 


TIPS Drag to fill 


The [Fill] tool is basically filled by clicking, but if the lines 
are intricate and there are many closed lines, you can 
fill them all at once by dragging. 


TIPS Fill] Tool settings 


uriphe references 


[Multiple reference] in [Tool Property] of the [Fill] tool allows you to set the reference destination of the fill. 


e All layers 


Refers to all layers when on. 


2 reference layers 


Refers to the selected layer (editing layer) and reference layer. 


€ Selected layer 
Refers to editing layers and multiple selected layers. 


© Layers in folders 


Reference layers in the same layer folder. 


layer not referencec 


Vectorstops filling atithe 


weer dil 


layer not referenced 


{Layers not referenced] in the [Tool Property] of the [Fill] tool allows you to select a layer type and set it not to be referenced. 
It is a good idea to consider this as a set with [Multiple references]. 


@ Dont reference drafts 
(see)layer, When tumed on, the draft layer is not referenced. 


G donit refer to characters 


YuFollow the’pixels When tumed on, the text layer is not referenced. 
7 BeRAPAL: @ Don't refer to editing layers 
‘olor 1g = When turned on, edit layers are not referenced. 
<r it refer t 
. veh Oo 


= : When tumed on, the paper layer is not referenced. 


= 7s? (= 
7 ELS? B Do not refer to locked layers 


layernot referenced Tur this on to not refer to locked layers. 
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erase the unpainted 


If the undercoat is left unpainted, it will look like a hole in the painted surface. Be especially 


careful with bright colors such as pale orange, as they are prone to leaving unpainted areas. 


Finding|leftovers 


The closer the color is to white, such as a lighter or brighter color, the harder it is to find unpainted 


areas. It is a good idea to temporarily change the color of the paper layer when checking for unfilled areas. 


The paper layer color is normally white, 


but you can change it at any time. 


|20n the [Layer] palette, select the paper layer FES 

Double-click the icon. oe - 
St 

10 84% 
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Features of the TIPS paper layer 100.3 21-% 

SS blouse 


100 usually, 


The paper layer is a pure white background 
layer that makes the canvas illustration 
easier to see. 

itis created automatically when you create 


a new document and cannot be edited (drawn). paper layer 


[st he [Color Settings] dialog box is displayed. 
will be 


| 
7 


4 Set the colors to be highly saturated 


<i 
and distinct. Move the control point to 


set the color. It can also be set with 


values such as RGB. 


Hany « iin 


Here, set it to “R.0.G 180.10". 


5 The color of the paper layer will appear in the unpainted areas. | was able to find an unpainted area on the skin. 
— 


There are some areas left unpainted around the earlobes and neck 


There is also an unpainted area around the finger. 


[Closeyand}fill]itool 


Fill in the unfilled areas with the sub reel] 
[Fill] tool > [Close and paint]. [Close and fill] is Whipple 


a useful tool for filling small areas. 


WP layeronly) ae 


Browse Uayer 


|Select the "Skin" layer and set the drawing color 
to the color of the skin. 
PE Or 
fiery 
100 «iA 
blouse 
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71% usually, 
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| Sets the skin color 


2 Select [Close and fill] and drag to 
Sal 
enclose the unfilled area. 


[3 ! was able to fill in the unpainted area. 


[Eilllleftoverareal}tool 


The [Fill] tool [Paint unfilled 


areas] is a tool that allows you 


to trace and fill unfilled areas. 


ieee See)jlayeronly 


Refer,toother layers 


| Select the "Skin" layer and set the drawing color lor circle 
to the color of the skin. 
set skin color 
(a) 
Paper, 
2 Correct the unfilled area between the line and the fill. i | Use [Paint unpainted area] to trace the unpainted area. 
increase Drag. 


The area traced with the tool is displayed in green. Make sure that the area 
| 41 was able to fill in the unpainted area. you want to peint fite within this green area 
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white paint 


—————— == —= 


Even if you paint with white, the painted area cannot be seen when the background is also white. If you want to 


fill with white, set the layer color so that you can work while checking the painted area. 


@ Colomwhite\with)layercolor 


Set the layer color to make the white painted areas easier to understand. 


1 Paint the uniform blouse white. On the [Layer] palette, create a new layer (I named it "Blouse"), draw color 
_=[ 
to white. 


TIPS RGB White , 


= CMYK White 
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100% ' usually 
ribbons 


In terms of RGB values, white is 

"R:255, G:255, B255". 

For CMYK values, it would be "CO.M.0.Y.0 
KD" 


8 1 00%' usually, 
skirt 


100)%38m5 


blouse} 


When the HSV value is displayed in the 
lower right, you can check the saturation and 


weit ibs ihe, orl nacht Da brightness. Set S (saturation) to "0" and V (degree) 
Askin of 100 (the top edge of a square to “100”. 


area will be white. Hue doesn't matter. 


layer color 


| 2 On the Layer Properties palette, 
ee 
turn on Layer [Layer Color]. 


ud i Click (Show Advanced Parameters) 


to display subcolors. 


1s Click to display the Color 
Settings dialog box. 


5 Set it to your favorite color. 
1 
Here, we set it to “R0,G:179, B:255”. 
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6 Fill the blouse. 
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When you set a sub color for [Layer color], the 
sub color is applied to areas painted in white. 
increase 


Black reflects the main color. 


\7 After painting, turn off 
~ [Layer [Color]. This 
completes the filling of the 


white areas. 
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Paint without clipping 


If you create a layer on top of the undercoat with "clipping at the layer below’, you can paint 
; without protruding from the undercoat. Useful for painting shadows and reflections. ; 


clipping atithe}layen below 


When [Clip at layer below] is turned on, you cannot draw on areas other than the drawn part (opaque 
part) of the layer below. 


clipping at the layer below 


Clipping on on layer below Clipping of layer below 


* 


Ge 100 Sa 


Layers with [Clip at Layer Below] 


| tumed on are displayed with a red 
line. With [Clip at Layer Below] tumed off, you can see that the actual drawing extends beyond 
the undercoat of the ribbon below. 


q Clipping flow on the layer below 


Create a “mouth” layer and paint the inside 
of the mouth red. 


Here, | used the [Pen] tool [G-pen] to paint. 


2 Create a new layer above and 


call it "teeth", Check Clip at 
Layer Below. 


me «iho 1. Create a 
layer 
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mS | Paint your teeth white. “Mouth” layer You ( / 


can paint without protruding from this 


drawing area. 


Multiple layers can be stacked for [Clip 
at Layer Below]. 
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TIPS Lock transparent pixels 


If you set [Lock transparent pixels] on the [Layer] palette, you will not be able to draw anything other than the drawing (opaque) part of the layer. It can be used 
when you want to add paint without increasing the number of layers and without protruding from the drawn area. 
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+ [Lock transparent pixels] 
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Gradients can be 
added without adding 


layers. 


"With Lock Transparent 

Pixels on, you can instantly 
®® change the color you've 

already filled with Edit 

menu Fill 


c” 
" 


add a gradient 
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By adding gradation to the undercoat, the two-dimensional impression fades and the appearance becomes 
gorgeous. It is also effective to add redness to the cheeks casually with a gradation. 


| largetsurfacejgradation 


By adding gradation to areas with large 
areas of paint, the monotony of the 


@airbrush 
‘ — 
paint can be softened. It is 


recommended that you use the [Airbrush] 


select 


tool [Soft] to draw gradation, which 


has strong blurring. 


spray 


smudge’ spray 


~ toa 


: 7 Add gradation to the skirt. The light source is in the 
a 


upper right In this case, make a color darker than the base 


color and add a drawing so that 


the left side is darker. Create a new layer above the 


12. Click 


base layer for the skirt and [Clip at Layer Below]. 


12 Select [Airbrush][Soft]. The larger the 


brush size, the smoother the 


brush'size yes 


gradation. Here, we set it to "800px". 
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3 Draw the gradation as if moving the 
= pen from the outside. 


In the example, the layer created above the undercoat (53) G:91, B:124) 
| R: 37.67 B: 96° is painted. 


@ Reddishiskin\withigradation 


For cute characters, adding redness to the skin will make the character 
Use [Airbrush] [Soft] to add gradients. If the area to be painted is small, adjust the 
brush size. 


look more expressive. Here, it is set to about "100~200px'’. 


In the example, from the undercoat (R:255, G:24D, B:225) 


| created a little red color (R:255, G:230. B:210) and painted it with 
the blending mode “Multiply”. [Multiply] is a setting that makes 
‘the color darker and darker, but since the color is 
| close to the undercoat color, it does not become too dark, 
i 


allowing you to paint with natural tones. 


paint a shadow 


Here, | will explain how to apply shadows. Pay attention to the direction of the light and paint while 
thinking about where the shadow will enter. Shadows can be drawn neatly even with a solid color, but you 


can create a more detailed expression of light by applying a partial gradation or blurring the edges. 


Setithe)lightisource 


Set the light source before painting the shadow. The basic is light from diagonally above. 


TIPS Light source and background 
a ______) 
The light source changes depending on the location and time of 
day. For example, if it's outdoors in the daytime, the sun is at the second position, so the 
light source should be set at the top. As the sun sets in the evening, the position of the light 


source will be lower 


The theory is to use [Clip at Layer Below] to paint shadows so that they do 


not protrude beyond the undercoat. 
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setishadowicolor 


Let's create the shadow color based on the undercoat color. (The undercoat color can be used as the drawing color with the [Eyedropper]) 


i reduce brightness 


Lowering the lightness makes the color darker, so it looks like the color of the shadow, but the color becomes duller. 


pl give vivid shadows 


You can adjust the hue and saturation to create vivid shadow colors. 


1. On the [Color Wheel] palette, move 2. Increase saturation (move to the right). Decrease 
the hue toward blue (opposite the brightness a little (move it down) 
yellow). It is an image that 
mixes a little blue 


255 240. 225 184 137 


Outbound ge: 
— 
R 


R:255, G:240, B:225 228, G:154, B:137 


paint: by, multiplication 


If you paint a shadow ona layer whose blending mode is [Multiply], it will be blended darker with the layer below, so you can paint the shadow 
color without any discomfort. 


how,to) paint'shadows 


Ql clear shadow 


You can use tools such as the 
[Pen] tool to draw sharp, anime-like 
shadows. 


¥ 


= 


For wide area shadows, draw the outline 
of the shadow and fill in the middle. 


@ Painting with the [Brush] tool 


When you apply shadows with the [Brush] tool, you can add shading or blend in with the underlying color, 


so you can paint with a plush feel. 


al In the example, "I'm using dark watercolor. 
Winegar. 
Falling'shadow 


A shadow that falls from something that blocks the light 


is called an occluded shadow. Pappori 


The closer the object that blocks the light 
is, the clearer the shadow will be. 


Based on this, you can create a more realistic y = 


expression by adding a difference to the edge of the cg 

shadow. | 
Here | am using the Brush tool Dense Watercolor 

and varying the Hardness value to control 

the edge of the shadow. The lower the value, 


the softer the edges. 


blendishadows 


For soft surface shadows, blur the edges of the shadow to make it blend in with the underlying color. 


| Blend with the [Brush] tool 


The [Brush] tool > [Fill & blend] is a brush that allows you to blend the color with the underlying color. 


I} fade away 


By erasing part of the painted shadow in a gradation, you can blend it naturally with the base color. 


2nditShadowi(2nd|Shadow) 


Adding a darker shadow will give the fill more dimension. This second stage shadow is called 2nd shadow. 


q 2 Make the shadow color 


If you just lower the brightness, the color will 
become dull, so it's a good idea to increase the saturation 
at the same time. Move the Hue toward the blue, 


just like you did when you created the first shadow color. 


re | — 


208 125 103 


R:208, G:125, B:103 R:174, G:75, B:63 


m Paint 2 shadows with [Multiply] 


By using [Eyedropper] for the shadow color and applying [Multiply] for the blending mode, you can quickly color a darker shadow. 


| 1 Get the shadow color with the [Eyedropper] tool and use it as the fe | Create a new layer and set the blending 
Growing color & mode to [Multiply]. 
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. ‘€ 2. Select "Multiply" 
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Apply the second shadow. Here, | painted with [Dense watercolor]. If 
there are many dark shadows, it will be verbose, so | will hold down 


the key points and do not apply too much. 
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reflections and highlights 


Paint reflection where the light hits. Stronger light reflections give a crisp, 
bright color as highlights. 


» ‘reflectedicolor 


The reflected color should be brighter than the undercoat color. Shifting the hue slightly to the yellow side will help create a 


natural bright color. 


If the brightness of the undercoat color is "100", set the 
brightness of the reflection to "100" as well to make it closer to white. 


desaturates to. 
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R:51, G:133, B:192 R:93, G:178, B:224 


When the blending mode is set to [Screen], the colors of the layers are blended brightly. Here, we will draw 
the reflection with [Screen]. 


qT | Create a new layer and click 
ill 
Clip at layer below. 
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2 Set light yellow (R:255, G:241. B207) as the drawing color and paint the reflection. 
— 


3 When the composition mode is set to 
"Screen’, the color of the reflection 


becomes natural. 


If you feel the color of the reflection is 
too bright, lower the opacity of the layer. 
It would be nice to adjust. 


eHighlight 


Highlights are painted with the lightest color. White or a bright color close to it is often used. 


9} highlight effect 


If you add highlights, it will give you a glossy look and create a gorgeous atmosphere. Highlights in the eyes are 


especially important, and there is a marked difference between those with 


highlights and those without. *See page 148 for details on how to fill the sample file. 


No highlight with highlights 


Eye highlights also make the facial expressions 


come alive, 
| Highlight layer position 
ae 

Highlights express strong light, so it is not desirable to 2 

have them blocked by line art or other paints. It's a good idea FEC, 
— L/ = 
to put the highlight layer above all the lineart layers. 10 Kaw 
fl ae highlight 
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\ pattern with material 


——____ 


2 y With CLIP STUDIC PAINT, you can easily add patterns to image materials. Here, | will explain how 


7 ; 
“= = to paste a material from the [Material] palette and transform it into a shape. 


» usejmaterial/patterns 


There are various image materials in the [Material] palette. Materials can also be obtained from CLIP STUDIO's 
[Search for materials]. 


Here, let's take a look at the process of adding patterns using image materials. 


] D "How to display the [Material] palette 


The [Material] palette is arranged like a button in the initial screen. Click any button to display it. 


@ Aligning patterns with mesh deformation 


We will explain how to paste the pattern material and adjust the shape of the pattern using the [Mesh transformation] transformation method. 


i Select materials from the [Material] palette [Color pattern], [Pattern], and [Clothing 


TIPS Drag and drop to the 


~ 7 > > © [Layer] palette 
ee ee 


pattern] and paste them onto the canvas by dragging and dropping. 


3% 7 Basically, you can paste by 

dragging and dropping onto the canvas 

window, but you can also drag and drop onto 
the [Layer] palette to paste in the 


desired layer order. 


2 Place the image material layer pasted 
from the [Layer] palette on top of 
the undercoat layer and [Clip at Layer 


Below] 


1. Arrange the layers 
Todo 


3Adjust the pattern size. You can enlarge/reduce/rotate 


the material using the [Operation] 


tool “Object”. 


object 


4 Since mesh transformation cannot be (Uayer{t}|Selection|(S)\View/(V) Filter (1) 


performed on the image material layer, Newrasterlayer(N) CtriShift+N 
select [Layer] menu — [Rasterize] to 


Newjlayer(E) 


rasterize. , 
New,tonal’correction layer,(J) 


sree Rs acl ze. YW) cat] 


Converting a special layer to a normal Create’afolderand insert/a|layer,(E) 


layer (raster layer) is called “rasterization". 
Exchangellayers)(g)> 


| 5 Create a selection area surrounding the pattern with 


the [Selection area] tool [Rectangular selection]. 


The image material is displayed in the shape of a ribbon 
with [Clip at Layer Below, but in reality there are 


If you don't create a selection range, the entire screen 
will be transformed into a mesh, making it difficult 


' 
’ 
; 
' 
' 
’ 
+ hidden parts and the material is all over the canvas. 
' 
' 
' 
‘ 
: to operate as you imagined. 


|6 Select [Edit] menu > [Transform] [Mesh 
[Transform]. Mesh Transformation allows you 
to transform images into complex shapes 


by moving grid-like guides. 


The number of grids is 
Can be changed 
on the 

[Tool Properties} 
palette. 


7) The pattern is continuous at the loop ayer (1) |Selection|(S)\Visibility)(V) filter; (ql) 


of the ribbon and the sauce, so NewjRasterlayen(N) Ctri+Shift<+N 


adjust it. Select the [Layer] menu > Newjlayen(E) 


[Duplicate Layer] to duplicate the pattern 
Newjlayern (3) 


layer. 
New, layer, folder,(C) 


Duplicate layer, ((D)) 


Delete layer,(m) 
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Mask the parts other than the ring. 


2. Click to create a layer mask 


Create layer mask 
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3. You can create a layer mask 


1 |Select the duplicated layer and move it with the [Move layer] tool. 
Lats 


© \ 


Move the pattem. 


Display the mask range for explanation 
([Layer] menu ~. [Layer Mask] 
.+ [Showing the mask moming range. 


] 9 From the [Layer] palette, use [Create layer mask] to create a layer mask, and use a tool such as the [Eraser] tool to erase the 
= 


The pattern of the duplicate layer with the position of the patter shifted 


Mask the duplicate layer. The 
pattern of the lower layer is displayed 


TIPS Fill tool 


You can also select a transparent color and use the [Fill] tool > [Refer to other layers] to mask. 
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It is convenient to set the line drawing layer as a 
reference layer and set [Refer other layers] as shown on the right, 


so that only the line drawing can be referenced. 


[Do not refer to editing layer] 


10 patterns are ready. 


heal \ — a 


If you refer to the layer with the selected pattern 
Since the mask will be based on the 


pattern color, | turn on [Do not refer to editing 
layer). 
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draw a pattern 


Here, we will draw a pattern with a pen. Hand-drawn patterns have a certain taste and are easy to 


blend in with other colors, so it is better to draw simple patterns. 


~ Duplicate}line 


Here, let's take a look at the process of adding a pattern, using a skirt as an 


example. 1 Create a new layer and use the [Pen] tool 
—— 


™ - Add a line with the [G-pen]. 


100% usually, 
% Grade} 

100)NGAWy 
em 


Draw a line that follows the shape of the skirt. 


|2 Duplicate the parallel lines with the Toa OOULLy WEG 


[Layer] menu — [Duplicate Layer]. HP Raster, layer, NiCuc+Shift+n 


j Create 4 horizontal lines 
Move with the Move tool. 


by duplicating and moving 


layers repeatedly. 
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[44 Create a new layer and draw 4 vertical lines. | 5 Select the process zone line from the [Layer] menu — [Add Layer] 


Duplicate. 


7 Now that we have more layers, let's organize the layers of the lines we've drawn so far. The vertical lines are grouped into “pattern vertical lines” and the horizontal 


lines are grouped into "pattem horizontal lines” 


For the “pattern” and “horizontal” layers, turn on [Clip at Layer Below] and apply the undercoat to the skirt. 
clip to. 


With this, the part protruding from the skirt disappears. 
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7 Erase the other parts that protrude with the [Eraser] tool. 9 Add more lines. Draw a vertical line 


on the “Vertical” layer. 


10 Create a new layer and add a horizontal 


insert the line. It looks 
more natural if it is not aligned with the folds of the skirt, so 
draw with the [G-pen] while keeping in mind the folds and the surface of the 


fabric. 


i i | Since the impression of the pattern is too strong, lower the opacity of the layer and adjust the density. 


Now you have the pattem for the skirt. 
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Layering <Eyes> 


Let's add layers to increase the density of the paint. Here, while checking the layer 
structure of the eye in the example, we will see how the underpainting, gradation, 


highlights, etc. explained so far are layered. 


layemstructurelof/ pupil 


The "Hitomi" layer folder of the sample file has the following structure. The eyes are the 
most prominent part of the illustration, so draw them carefully and in detail. Although it is a small part, 


it tends to have many layers, so | create a layer folder to organize the layers. 
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100% usually, 
highlight 
100% line Zz 
= *S sample 


drawing 
100%" usually . ‘eyes 
Undercoat layer. 


100%'normal 


ice y 


100% usually 


fa = 


100%'normal 
Ribbon 


100% always 


& skirt 


100% regular 


La blouse 


100%' Normal 
Hitomi ~ 


100% ‘overlay, 
ke FH overlay, 
) S7jusually, @ "Grade" 
is od et It is a layer that darkens the upper part with a gradation. 
100%'screen 
6 a lalfelalitelales 
1OO%}screen 
A} ) ee brightipant 
100% multiplication 
2) ) ee pupil 
a ) Pa 100 # 
Grade 


| &10C ually, 


* [Airbrush] [Soft] (Grush size 100 : 
: ~200) to draw in gradation. - 


©) "pupil" 
The pupil and the dark part of the pupil are drawn on the “pupil” layer. | set the blending mode to Multiply to make the colors 
darker. 


y 


tool palette sub tool palette 


aay 
my 
4 so 


+ brush'size 


Opacity, 


To paint like the example, the Ben tool 

is good because it draws clearly. Here we 

use Solid Ben (with Antialiasing set to Medium) 
tam using 


teeeeeereee® 


® "Bright part” 
The light reflected in the eyes is drawn. Since the blending mode is set to [Screen] (a setting that blends the lower layer and color brightly), 


The painted area becomes brighter. 


Realme 


PROM AE 
eT) Familiarize 


Rice brush 


watercolor 


Soak: in,the'side'streets: 


"Around highlights r 
It is a drawing to make the light of the highlight appear to be blurred. As a procedure, | draw the highlights of the day and then draw. 


* Underneath the highlights, | draw with the "Airbrush’ tool [Soft] (brush 
. size 20-30). | set the blending mode to [Screen] to make the colors brighter. 


6 "White" 


| put a vague white light. Imagining the light reflected in the lens of a camera, it enhances the transparency of the eyes. 


Ill erase it 
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* Paint with [Airbrush] — [Soft] (set brush size to 30 to 40) and erase 
* "©. with the [Eraser] tool [Hard] or [Soft] to adjust the shape. 


drawing part 


@ "Overlay" 

Colors are added with a layer whose blending mode is 
[Overlay]. [Overlay] makes bright colors lighter and dark 
colors darker. Colors tend to be vivid, so it can 


be used to add color. 


drawing part 


© "highlight" 
The highlights are created on the "line art" layer. 


highlight 


Overall layer structure of TIPS 
Ses Ee ESS SSS 


Place the layers closer to you on top. Therefore, 
there are clothes, hair, etc. on the skin. Place the uniform nbbon on 


top of the clothing. 


Layering <Hair> 


Let's take a look at the layer structure of the hair in the example and what is drawn 
on each layer. Also notice how the blending modes are used to adjust the brightness and hue. 


layerstructurelofjhair, 


The "hair" layer folder of the sample file has the following structure. 
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haircolor 
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® "Hair" ® "Hair grade" 


sample 


It's a hair primer. From the set light source, a darker gradation is 


added to the shadows. 


&) "Light Grade" 

| put a bright gradation in the place where the light 

hits. In the example, | used a very bright gradation to express 
the strong daylight. When the blending mode is set to [Addition 
(Luminous)], the colors are blended extremely brightly. 


=) “Flow of hair" 


| draw with a brush along the flow of the hair. 


(Rialdo 


Blend in 


S42 Murabten 


In the seaele the Ht] tool [Dark watercolor] is used. While adding 


: : Sap blend in 

+ lightness with pen pressure, | paint with a lighter color than . : 

* work on the day layer first! ; ae = 

* . he : é 3 Fs 
“Shadow’ 
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brush’size 


© “Hair shine" 
This is a layer for depicting the luster (reflection) of the hair. Since this layer is also set to [Addition (Luminance)] in the same way as layer 3, the 


color will be very bright. 


ae : The drawing color is brawn (R:173 
fw << th ; > G115.8:76), 

* [but 

: By drawing in a layer, it is brightly 

© combined with the color of the lower layer 
: and tured a color closer 
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TIPS Try different blending modes 
If you set the blending mode of the "shiny hair" layer to [Screen], 
the brightness will be much less. It 
is a good idea to select a blending mode according to your 


finished image. 


v2 “hair color’ 
On this layer, | use the [Airbrush] tool [Soft] to blend the skin color with the hair around the skin. 


The effect is that the character's skin is glowing. 


I —e 
’ Add a gradation 
to the hair around 


the face 


- : + [Soft] brush size 
dropper 7 + About "150~200px" 


get display,color 
geticolonfromilayer, = modeinormal 


Be 
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overflow from layer 
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Layering <Skin> 


While looking at the layers that make up the skin painting, | will explain how the skin 
is painted in the example. The basics are a base undercoat layer, a shadow layer, a darker 


shadow layer, a reflection layer, and so on. In the example I'm going to introduce, I've also 


created several layers with gradations drawn on them. 


layenstructurelofiskin 


The "Skin" layer folder of the sample file has the following structure. In order to express 
the smoothness of the skin, many gradations are layered. Set the blending 
mode to [Multiply] for layers that are darker or darker than the undercoat, and set the blending mode to [Screen] 


for layers that are brighter than the undercoat. 
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Gradation 


sample 


@ ‘skirr 
This is the base layer for the skin. 
Filled with light veil orange (255, G:240 B 225). 


increase. 


® “Skin redness” 


Redness is added to the skin with a gradation. Apply on cheeks, elbows, fingers, and other places that look rosy. 


The drawing color is a pale pink (R: 255, G: 230. B: 210), which is the color of the 
undercoat, and then slides it slightly toward red using the hue ring on the [Color Slider] palette. . 
It is painted with the blending mode set to [Multiply]. 


® "Grade" 


Add a slight gradation with the same color as the skin in the shaded areas. I'm using the same color as the base color for the skin, but 


the blending mode is set to [Multiply], so the color appears darker. 


[| draw with the airbrush tool . 
+ [soft] with a brush size of "100-150px’. : 


@ "Red Cheeks" 


Draw a red line on your cheek. This layer was created during the finishing process of painting. 


Ei lo, brush 


: luse the [Pencil] 
© tool -. [E] (brush 
+ size is about 6px). 
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@ "Hoppe Red Airbrush" 
This layer adds redness to the cheeks with the [Airbrush] tool [Soft]. Like this layer, it was added in the 
finishing stage. 


420.5 


Compositing mode kage 


16] “thin" 


“I'm drawing a shadow gradation that's a little darker than the gradation layer. 


; The tools used are [Airbrush] and 
t& [Soft], just like other gradients. 


[7] "Skin Shadow’ 


A layer with a clear shadow. 


Wor circke 


224 N76) 1172 


The drawing color of the shadow is light brown, 
but since it is painted on a layer whose blending mode 
is [Multiply], it is darker than the "Skin shadow’, 


The tool is the [] tool 
‘ [dark watercolor]. 
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@ "Dark Shadow" 


This is a layer that draws even darker parts of the shadows. 


7 Mh ae 


The drawing color of dark shadows is 
also light brown. Multiply fills are darker 
than the bottom fill. 


® “Skin Highlight” 


| set the composition mode to "Screen" and painted bright reflections. 


The drawing color is set to light 


: In the example, the [] tool : 
. yellow (R:255, G:244, B207). 


« [Dense watercolor] is used, Brassica 


© The size is about 15~20px. : 


with patterns drawn on the ribbon and skirt. 


Blouse)layermstructure 
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Overpainting <Clothes> 


Clothes are often divided into parts such as shirts, pants, and skirts. It will be easier 


to manage if you create a layer folder for each part. In the example, there are layers 


The “blouse” layer folder of the sample file is the underpainting, gradation, shadow, and reflection from the bottom. 


They are arranged in order of illumination. 


usually, 
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@® “Blouse” 


Undercoat for blouse. 


\ 


sample 


2 "Grade" 


| added a faint gradation. 


3s . 


| paint shadows to express wrinkles. 


: The [{] tool [Dense watercolor] 


= is used to create shading. 
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z= "Dark Shadow" 


Draws darker shadows than the "Shadow’ layer. 


* [Ben] tool 
+ om [Fil 
+ Pen] or [G 
: clearly 
bs & After applying, use a . 
transparent color to “air . 
* brush tool 
+ Partially 
: using [Soft] 
: 1am turning it off 


G-pen 


Erase with [Soft] to create a gradation 


6 "Highlight" 
On this layer, | add bright parts to give it a sharp look. 
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® “Skirt” This is 


the undercoat for the skirt. 


\ y i 


6 "Horizontal pattem" 


Horizontal line pattern of the skirt 
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Layer 66 is on board. 


@® "Grade | 


This is a layer with a gradation added. 


“pattem vertical line" 


It is the vertical line pattern of the skirt. 


@ sew 


The shadow of the skirt is painted with the [Brush] tool [Dense watercolor]. 


6] "Shadow Grade” 


In this layer, the fold shadow and the overall shadow are superimposed on a layer with the blending mode set to [Multiply] to finish the painting. 


drawing part 


* [Tools > [Dense watercolor] with 
: a large brush size (such as "300px") 


» ,etc.) 


® "Skirt Highlight" 


This layer adds bright reflection to express strong light. 


* Set the blending mode to the [Addition of 
* (light)} layer, and set the [] tool . irae + 
* Drawn in light watercolor. 
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iRibbonjlayermstructure: 


The composition of the "ribbon" layer folder that decorates the blouse is the skirt Add a shadow on the pattern layer in the same way as 
I'm on board. 


sample 


1 “Ribbon” The @ "Grade" 

undercoat for the ribbon. This is a layer with a gradation added. 
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=) “White handle” 


This is a layer on which a white line pattern is drawn. 


(Opacity) too 
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* Draw the pattern along the shape of the ribbon fabric. The tool used is [Pen] 


: Tool [G-pen} 


@ “Pattern pink” S “stedow 
This is a layer on which a pink line pattern is drawn. | draw with 


the same tool as the "white pattern” layer. 


"Grade shadow" 


Add a vague shadow to express the roundness of the ribbon. 


Ry 


: “Ribbon” layer and “Grade 

* %, |'m hiding layers on the 
: ribbon other than layers 

Sketch part * The tool used is [Airbrush] 

> Tool -. [Soft]. 


@ ‘Ribbon luster’ 


This is a layer in which the blending mode is set to [Screen] and the reflection is painted. 


Add gloss with TIPS brush 


Draw a light reflection with the [Car] tool [Fill & blend], then add a strong reflection with the [Flower] tool [Dense watercolor] to express the luster. 


TIPS Draw shadows and lights in the same color 


The drawing color used for the 60 layers is the same blue (R:80.146. B:194). 
[5] Layers ~(3) have a darker color because the blending mode is [Multiply], and layers are blended 
Since the mode is [Screen], it will be drawn in a bright color. 
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color the line art 


{See 


» There is a method of partially adding color to the line art and blending it with the surrounding paint. You 
4s 


can easily do this by using [Clip at Layer Below]. This is an effective technique when you feel that the line 
drawing stands out too much. 


© Jadd{skinicolor, 


Blend the skin color into the line drawing around the eyes. 


t | Create a new layer above the line drawing layer you want to add color to and [Clip at Layer Below]. 


SI Nose, mouth, eyelashes 
Une drawings such as hair 
Drawn “expression 
po = on the layer 
4! 00% usuallys 


create layer 
Ria 


Did. 


color,circle 


: | set the brush 

: size to 12px 

* & & The coloris brown (R:124. 
* G:68, B:36). 


re" When | looked at the balance and felt that it was too brown, | used the [Airbrush] tool to add black. 


If only the line art is displayed, it will look like this. 


1D __ to the drawing color 


Select [Edit] menu [Change green color to drawing color] to change the color of the drawing (opaque) part of the selected layer to the current drawing color. 
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[Quick Access] Palette 


The [Quick Access] palette allows you to arrange frequently used tools and menus as 


buttons. Let's create a user-friendly palette by customizing it to your liking. 


Create and delete sets 


You can create multiple "sets" with different contents. You can use them properly depending on the purpose. 


Sets can be created and deleted from the menu display. 


11. Click 
j = 12. Click 


Create/Seti(N) 


quick access 


Set'setting|(Sj 
Set!(D) 
Switch'set:(C) 


¥  tShow;setlist!(H) 


How,to display, the’set list{(L) > 


SEE 13. Choose > 


> 


Quick'access settings 


Hide Quick/Access Palette!(9) 


If it looks like a button, click the icon 
at the top to display it. 


freeform 


2H 


Add tools 


You can add a tool by dragging it from the [Sub Tool] palette. 


Add function 
Menu functions can be added from the dialog box displayed by selecting [Quick Access Settings]. 


increase 


BURL Pe 12 — 13. Click to set _ 


Create’set (N) 
Set'setting (8) 
Set'(D) 


Switch'set(C) 


(H) 


Show;setlist 


How,to-display,the'setlist:( 


Sorting method (iT) 
quick ess) (1) 


(Q)\Quick’Access Palette 


Add drawing color 
, you can add a drawing color. 


Right-click on the palette and select [Add drawing color] from the displayed menu. 


quick: ac 


13. Select [Select drawing color] 


12. Right click 
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14. Drawing color is added — (R25G G136 BSS 
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¢ lock‘access quick‘access 


Setco 


set-2: 


To change the position of the 
[ button, hold down the Ctrl key and drag. 
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2 Microphone selection 


,chapter, 


finishing 


A~] — Tonecorrection e 4-5 Focus processing 
4-2 Change colors in blending mode e 46 Backlight 
@ 4-3 Adding light effects in blending mode e 4-7 Glow effect for whole illustration 


e 4-4 Blurring effect light # 48 chromatic aberration 
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is Tone correction 


If you want to change the saturation or contrast of the illustration, perform color correction. 


S ; 
: r Tonal Correction There are many ways to do this. Let's remember how to set each 


es onal/correction\layer, 


A tonal correction layer is a layer that performs tonal correction on the layer below. 
From the [Layer] menu > [New Color Correction Layer], select a color correction method and create it. It 


is also convenient to be able to redo the settings after correction or to disable the correction itself. 


BR(V) Filters (dl) \Window)(W)i Help) (+) 
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Create Four,and insert: Layer, (FE) 


(-OSRin 


‘on the layer below 


Bottom layer,and!(W) 


t 2HB\ 
Copyyvisiblejlayer/(x’) Indicate/Nat Indicate Opacity 
Bees Match (1) If you hide the tonal You can adjust the strength of the 
correction layer, you can Wy correction by lowering the opacity. 
You can 


State. 


To plate (A) 


@ Correction destination of the color correction layer 


The tonal correction layer corrects the layer below. If you create a tonal correction layer in the layer 


folder, the tonal correction will be applied only to the layer inside the layer folder. 


Placing the tonal correction layer on 
top applies tonal correction to all layers. 


ee 
~ 
ad zg if ~ 
100 53a 
te ae OAR | 
12 Roverlay 


overlay 


i X%' usually, 
tet splash 


100% tyaki (Light)} 
ee tree light 

(100-85 
> i 


7 
Rt] 
> me ae usually 
=. 
100. 832% 
ee bee Copy, 
ae wus usually 
me ae 


2:1inormal 


> =~ 


1100 Mia 
we 


Overlay, 
area 

100% usually 
al 100 breath) 

highlight 


> & aw a 
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If you place a tonal correction layer inside a layer 
folder, the tonal correction will be applied only to the 
layer in the layer folder. 


G reset 


Double-clicking the thumbnail of the tonal correction layer in the [Layer] palette displays a dialog box in 


which you can reconfigure the tonal correction. 


Petre. 
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water splash 


100 SIEM 
Copy, of, water, 


100 Set tes 


YS“ Color correction from the [Edit] menu 
Color correction can also be performed from the [Edit] menu — 
[Color correction]. In this case, since only the color tone of 
the editing layer is adjusted, it is best used when 


correcting a single layer or an image that combines layers. 
it would be 


nice Also, corrections made from the Edit menu are more 
difficult to correct. Note that you cannot return To Nit) 
to the state before correction except by pressing : 

"Redo’ ctrl+) immediately after correction. 


Change image level 
Change canvas size (S 
ie 13 
Tone Garge)(l'ee 
color balance 8 
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Gradaton map (b) 


)) Brightness/Contrast 


You can adjust it by changing the values of [Brightness] and [Contrast]. Contrast is the 
difference between light and dark. The higher the contrast, the brighter the color. , darker colors are darker. 
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Hue ® Saturation) # lightness 


Adjust by changing the Hue, Saturation, 
and Lightness values. 

If you change Hue, for example blue 
The color can be red or yellow. Even 
a small value can greatly change the color 
Be careful, because it will break. 


GUE) 
TOO ME 


srrvall splash 


Saturation is the vividness of the color. 
Raising the value of [Brightness] makes it 


whitish, and lowering it makes it blackish. 190 URE 


increase Dy, Cl veater sphasty 
100% baked) Hon 
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The origend image 


Ming (V) 


With [Hue], even a slight change can result in a large change in color tone. 


tote f§ ] is the lowest value, it will be black and white. 


The cone wremye 


@ lYevelicorrection 


Level correction allows you to adjust the brightness in more 
detail. Move the a (node) of [Shadow input], [Gamma input], and [Highlight input] to change the brightness. 


Level correction 


OK 


Cancel 
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Output 


Highlight input: brightest’color 


Gamma input: mic-brightness ‘colors 


~ * 


a 
160 Nikie 
Skirt 

100) Mealy 


blouses 


Moving the [Shadow input] to the right increases the amount of blackened areas, 


The more you move [Highlight Input] to the left, the more whitish parts become. 


evel correction 


Moving the [Gamma input] alone to the left brightens the image, but the darkest 
Minules remain. 


) Adjust contrast 


Moving Shadow Input to the right and Highlight Input to the left will increase the contrast. 


Just like level correction, tone curve is also a color tone correction that allows you to make detailed adjustments to 
light and dark. Transforming the graph changes the lightness and 


darkness. In the graph, [Input] on the horizontal axis is before correction, and [Output] on the vertical axis is after correction. 


tone curve 
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§} Add control points ) Delete Control Point Dragging 


Click the graph to add control points outside the graph border removes the control point. 
is added. can be deleted. 


| Light/dark adjustment 


Move the control point up to brighten it, and move it down to darken it. 


Since the graph is curved, colors with 
similar brightness are corrected at the same time. 


4§ The axis is the color before correction. Brighter colors are displayed to the 

right, and darker colors are displayed to the left. The position of the added 
control point in the figure corresponds to a slightly brighter color 

(before correction) in the image. If you move the contro! point up and down, it means 

“change the brightness of a slightly brighter color”. 


) Adjust contrast 


add control points 


)) Add three control points as shown. tone curve 


2 Move the light control point up and the dark control 
point down to increase the contrast. At first, it's 


a good idea to 
adjust it so that it forms a gentle S-shape as shown 


in the figure, and proceed while checking it. 


Before correction After comection 


rr Gradient map 


You can replace the gradation of the image with a specific gradation. 


gradiem map 
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Pam na Selecting (double-clicking) a gradation from [Gradient set] changes 


the color tone. 
~ 190 M85 


dull shade (yellow) 


* [Gradient set} : ; © [Gradation set] 

tH [effect] [ - ah + t] [dull shading] 
[]Choose. : 3 * =» Selecting Dull 
Nic apivaeth eetnsasaatienea * Shadow (Yellow). 
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Change colors in blending mode 
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| will explain how to adjust the color tone of an illustration by adding color to a layer with a blending mode 


i set. The key is to add color while preserving the contrast of the illustration as much as possible. 


e Changejtheloverallicolor, 


If you paint the entire area solid and set the blending mode to [Overlay], the color will be blended 


over the entire area. Here, let's use the "Fill" layer. 


| Select the [Layer] menu > [New Layer] > [Fill]. 
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F ile object(X) 
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From layer, (V) 


Bottom |layer;and (W) 


Displayjlayerwidth (V) 


ESE Copyloffean(X)/ 


2 The [Color Settings] dialog box will be 


displayed, allowing you to set the solid color. sy 


increase , 
Cancel 
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A [Fill] layer has been created. 
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Set the blending mode to Overlay. The intensity of the color can be adjusted with the opacity on the [Layer] 


4 
palette. When the color is just right, it's done. 


| Adjust the opacity. 
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)} Other blending modes 


Here, I'll use several blending modes and compare it with an example that added color with [Overlay]. 


[Overlay] (Opacity: 30) [Hard Light] (Opacity: 30) L#20)) (Opacity: 30) 


[Hard Light] leaves a more solid color Composite Colors Darker [Multiply reduces the intensity 9 
than the [Overlay] example. of the illustration 


[color] (opacity 100) 


TIPS [Fill] layer settings 


The Solid layer is the icon 
Click to open the Color Settings die 
dialog box will appear and change the color to 


It can be changed. ir g. op 


double click nnn] “) i00 Sa 
| — an TEEN 1 


the icon 


The [Hue] mode uses the hue of the layer for which 9% 
the blending mode is set while adjusting the 


brightness of the lower layer, so you can greatly change 
the hue of the illustration. 


TIPS Gradient layer 


You can also use a gradient layer instead of the [Fill] layer. 
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From layer,(Y) 


Create'a folder and insert’a layer, (F) 


at ~ Opel iih. 


Gradient layers can be created from the [Layer] menu. 
New [New Layer] [Gradation] 
can be created with 
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Sub color 


main color 


Window,(W)} 


gradation 


> me iad 


1H0 8a 
> yh Lit 


—_ 


WOO % iti 
> me , 


2\usually, 


> me draft 


WH 8% 
Hs 


By selecting the gradient layer on the [Layer] 
palette and selecting the [Operation] tool 
[Object], you can change the settings of the 
gradient layer on the [Tool Property] palette. 


If you change the main color and sub color of the color icon while the gradation layer is selected with the [Object] tool, 
the color of the gradation layer will change. 


addisomeicolor, 


You can partially color with the [Airbrush] tool [Soft] to add some color. 


drawing part 
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Add light effects in blending mode 


Let's add a light effect by using a blending mode that brightens colors. The method is easy because 
all you have to do is set the blending mode for drawing with strong gradation or blur. 


Addisunlight 


Here, let's add an effect that makes the screen look like the sun's rays are illuminating it. 


|| create a new layer and use the [Airbrush] tool [Soft] to add a vague drawing with the image of light coming from 
the light source (here diagonally above). 


Sketch part 
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The drawing color is yellow, which represents the light of the sun. 
to 


R:255, G:241, B:186 


Composite mode selects a setting that brightens and composites colors. Here, set it to [Dodge (Luminous)] and you're done. 
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The part where the color 
was combined became brighter 


PEO Ey 


[Highlight? 


100% usually 


another blending mode 
Let's compare what happens with blending modes that lighten other colors. 


[Screen] [Addition (light emission)} 


[Screen] has a more modest effect. Add (Luminous) is as bright as Dodge (Luminous), 


but shadows are slightly lower than with 
Dodge (Luminous) 


Intensify/reflection 


Reflections and highlights can be made even brighter. 
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@ U0 Soa 
ball On the [Addition (Luminance)] layer, | draw 


= {tha} around the reflection with [Air 


drawing part 


“a A 


"ePa! 186 207 255 


1 plastic] and [Soft] to make it look more 
“ radiant. 
TIPS Try changing the drawing color 
If you draw on the [Addition (Luminance)] layer, the colors will pink yellow 
be very bright, making them appear whitish, but 


they will retain some color. This tint changes depending 

on the drawing color. 

For example, if the light source is a pink light, you can create 
an expression that reflects the light by setting the drawing color 


to pink and drawing on the [Addition (luminescence)} layer. 
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Bleed effect light 
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A ¥ | will show you how to use the Blur filter to blur your drawing and make it look like 
y 
ll the light is blurring. It is a technique that can be applied to various light effects. 


@) ayering\with)[Gaussian)Blur] 


j Create a new layer and call it the "splashes" layer. Use the [Airbrush Tool] [Tone Scrape] 


to add a splash effect. 
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* Inthe [Tool Property] palette, click [Grain] 
* Set the particle density to 2, and change 
= the [particle size] between 7 and 40. 


. Draw randomly while wearing. 


Select the process layer on 
the [Layer] palette, copy it with 

[Edit] menu - [Copy] ((Ctrl + © key)], and 
then copy it with [Edit] menu — 

[Paste] [Ctrl + key] 

Paste. You now have a "Splash 
Copy’ layer. 


3 Select the "Splash copy" 
7 layer and select [Filter] menu 

. [Blur] .. [Gaussian blur]. 
Set the [Blur range] to around 


415°. 
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Gaussian blur 


OK 


Cancel 


; y preview (P)} 


) J Cory of “Splashes i "Water splash’ Move down the layer. 
By placing the blurred drawing on the bottom, you can create the feeling that the light is blurring. 
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Focus processing 


| 
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yf Focusing is the process of bringing the camera into focus. Just like a photo in which the 
4 
= A subject is in focus and the surroundings are beautifully blurred, you can create the same 


effect in illustrations by using the Blur filter. 


eFocus) processing procedure 


1 | will process it into a completed Mivayer)() Wn (seectiontange (SBN fincicaes IT ilk Q) 
—_ ve ae n - is 
illustration. Select the [Layer] menu > New Rasterlayer)(N) Ctd-Shft+n 


[Combine copies of visible layers] to create a Newlayen(@ 6) 

combined illustration 

layer. | named this layer "Focus". Create’a folder,and insert’a layer(F) 
Replace) ayer (H) = 


Layer 
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Comprehensive while leaving the TIPS layer 
To combine layers for image processing, Merge copies of visible layers merge images 
select [Layer] menu —. [Combine images]. 
This is also possible with [Merge Layers], but [Copy of 
Displayed Layers] [Merge Copies] allows you to keep all 
the layers before merging. Considering 
the possibility of correction, leave the layer 


It is convenient when you want to keep it 


splash'copy; 
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You can merge and create a layer while preserving Before merging, because it merges all layers 
the layers layers cannot be preserved. 


2 Select the [Select] menu — 
[Quick Mask]. 


The [Layer] palette creates 


a quick mask layer. 
quick: mask 
Be 100 hours 
water splas? 
100" Mer 
| sath 
Use the [Airbrush] tool [Soft] on the Wan Property| 


quick mask layer to paint the areas you 


want to blur. The 
300.0 


usually, 


painted area will be displayed in red. this 


The red part will be the selection range. 


TIDS Quick Mask 


Quick Mask is a selection with your favorite brush 


function that can be / : 
R : Here, set the brush size to "800px" 

created. Using the [Airbrush] tool [oct dou Vai can'ed edie 

[Soft] as in the example, you can create a color however you like 


If you want to erase the red display, select a 


blurry selection 
transparent color and draw. 


4 Select the [Select] menu > [Quick 
[Mask] to cancel the quick mask. The 
red part painted in the 
process chart is the selection 


has reached the range. 


6) [Filter] menu — 
Set [Blur] [Gaussian 
Choose. 
Blur] [Blur Range] to 
Click OK. 


YItia-® 


Determine the range to blur while looking at the screen 


6 Finally, a part of the image is blurred, and the area around the face is in focus. 


Choose Selection menu Deselect (Ctrl + key). 


Opacity: 100 Opacity: 50 


If you feel that the blur is too strong, you can adjust it by lowering the opacity of the image-processed layer (lowering the opacity reveals 
the image of the unprocessed layer below). 
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Backlight 


Backlighting is a lighting effect that is often used to make illustrations look dramatic. 


N 


_j Most of the motif is covered with shadows, so when using it on a character, be careful not to 


make the color of the skin or eyes too dark. 


@ Draw) backlight 


Add shadows to the completed illustration to create a backlit illustration. 


1 Create a new layer, clip it to the fill 
¥ folder, and set the blending mode to [Multiply]. 
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_2 Roughly paint the shadows. 
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Sets the shadow color. in plain gray 
The vividness of the illustration can be 


maintained more easily with a bluish color. 


heen | 


3 Blur the edges of the shadow using the [Blend] tool [Blur]. The shadows of round parts such as the head should be blurred. 


it would be nice 


4 Adjust the darkness of the shadow with the opacity of the layer. 
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5 Set the shadow to a transparent [Airbrush] tool [Soft], 
"and lightly erase to add shading. 
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Compositing mode 4 
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That's all there is to it. 


© By adding, the brightly shining parts will stand out more and the 
outline of the character will stand out. This is also a feature of backlight. 


TIPS Lighting test 


If you're having trouble figuring out how to add shadows, try using a 3D drawing figure to test what kind of shadows you get when you shine light on them. 


[9 Click the Materials palette button to 


display the palette. 
2 Select a 3D drawing figure from [3D] [Body 
type]. Here, "3D drawing figure Ver.2 (female)" 


is selected. 


3 Paste the 3D drawing figure onto the canvas. 


(2. Drag 
: 


a | Display the [Sub Too! Detail] palette, check [Affected by light source] in the 5 Refer to the shadow projected on the 3D drawing figure 
[Light source] category, and drag the sphere to determine the direction of You can 
the light. 
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See page 81 for details on 3D drawing figures. 
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Glow effect all over the illustration 
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The glow effect is a technique that creates an effect that makes the light blur by overlapping 


gf drawings that blur bright areas. Here, | will explain how to make the whole illustration shine. 


eComparisonibeforejand/afterapplicationjofiglow/effect 


Here, | will explain how to make the whole illustration shine. 
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e Glowleffectiprocedure 


On the colored illustration, select [Layer] 
~ menu > [Combine copies of all layers] to create 
a combined layer and place it on top. 


Let's call this the "glow" layer. 
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(2) Perform color correction on the “Glow” e(P)) iMayer(L BME (3) Fitters 
layer. Select [Edit] menu -. [Color 
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[3] Make adjustments in the [Level Correction] 
= dialog box. Move the [Shadow Input] and 


[Highlight Input] nodes closer together to 
increase the contrast. The more whitish 
areas, the wider the area where the glow 
effect is applied. 

Here, the shadow input is moved far to 
the right to increase the dark areas so 
that the effect does not appear over a 


large area. See page 176 for more information 


about level correction. 
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he the blending mode to [Screen]. Adds an effect that makes the bright areas shine. 
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6 | Adjust the strength of the effect with 
the opacity of the layer. Done if adjusted 
is 
Here, set it to "Opacity: 50" 
but with a subtle glow effect 
If you don't want it, you can lower the opacity even further. 


it would be nice 


chromatic aberration 


“Chromatic aberration” refers to color shifts seen in photographs. Originally, this is a phenomenon that occurs when an image is 


viewed through a lens, but there is a method of intentionally causing color shifts as a way of adding flavor to an illustration 


or as a design process. 


arison|before’and after applying|chromatic aberration 


Let's compare before and after applying Chromatic Aberration. If you zoom in, you can see the color shift. 


After appiying 


Chromatic’Aberration)/ Procedure 


ie | If you select the [Layer] menu > [Merge copy of visible layer] in a colored illustration, the merged layer 
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Filetobjecti(x) 
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ayer of Shift+Alt+£ 
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Merge images|(F) 


Sorti(A) 
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1 CODY (Ctrl + Square) the merged 
layer and choose Paste (Ctrl +). 


13 Then [Copy] ([Ctrl] + key) [Paste] 
(CtrHkey) repeatedly to 
Copy,of join 
create three 
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100%' Normal 
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ZY Create a layer on top of the layer created in the process chart, and 
B:0) Fill with blue (RO,GO0,B:255). 


— 
— 


1 | red, 


F Eo 
a 
Yv4ar~4 


" 100% iF 
Bi copy of join:2 


Cayer,8 


Sy §100%"usually 
baad hee mi lobby) 


Sy §) 00% usually, 
100%! usually 
highlight 


> a sg ae 


WOO MEY 


bE 


~~ merged layer | fill with red (R:255, G:0, B:0) 


~ |Fill with blue (R:O, G:0, B:255) 


(R:255, G.0.B:0), Green RO,G:255, 


Create a new layer above the 


Create a new layer above the merged layer 
Fill with green (R:DG:255, 8:0) 


‘Create anew layer above the merged layer 


The Color Slider bullet is useful when 
setting colors with RGB values. 

oe The [Color Slider] palette is located 
in the same palette dock as the [Color 
; [Circle] palette, but if you cant 
find it, select [Window] menu > [Color 
Slider] to display it. 
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green, Set the blending mode of the blue layer to [Multiply]. 
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6 Select Merge Below (cut+country key) to merge the red layer with the 
layer below. Merge the blue and green layers with the bottom 8 100 


layer in the same way. = 
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Merge\Visible Uayers (V)/al+Shift+e 


Combine)(X)la\copyof, the visible layer 


Sorti(A) 
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[7 Change the blending mode of the top two layers to 
Set it to Screen. he 
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[8 Select the [Move Layer] tool to shift the 


top two layers, and you're done. If you Move layer 
zoom in, you can see that the colors 


are out of alignment. 


Select the red layer "Couple copy | selected the green "Merge Copy Layer” 
2" and move it with the [Move layer] and moved it slightly to the right 
tool. Use the numeric keypad 


on your keyboard to move in small 


increments. 


Stock Selection 


Selections can be stocked as layers a 


Can save selection 


After creating a selection, [Selection] menu -. [Stock selection] ] Choose. 
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12. Choose 13. Saved as 
layers 


Reselect with stocked selection 


Double-clicking the selection layer icon reselects the stock selection. 


Wee Group (5) Display, (V filters(a)iin 


CtrteA 


Quick mask (Q) 


eee S Stock((T)) 

> aiaien You can also reselect the selection from the stock by selecting "Selection" 
from'stoc BREE 5 lect 

MTSE, TaA(r) = menu -~. [Restore selection from stock]. 


Create a selection with drawing tools 


Selection layers created with [Stock Selection] have a layer mask. You 


can edit this layer mask to create a selection. 


Select [Selection] menu > [Stock selection], 


(3) \View/(V) Filter(\1) 


"Create a selection layer. 


crall|(A) 


& aS) 


select 


2 Edit the layer mask of the selection layer. The area 
displayed in green will be the selection range. 
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acai es: Ll i If you use the [Airbrush] tool > 
4 ( [Soft] to draw the layer mask of 


the selection layer, the selection 


'™ will become a shaded area. 


For example, with the selection above, increasing Brightness results in 
| tt will look like this [Edit] menu > [Tonal Correction} 

In [Brightness/Contrast], increase [Brightness] to "50° 

are being raised) 


Chapter 


Variation of paint 


® 51 Apply while mixing with the base 


® 5-2 Directing watercolor painting 


e5-3 Real Watercolor 


® 5-4 Thick coating 


® 5-5 Grisaille painting method 


(ROW EX | 


Apply while mixing with the base 


The brushes of the [Brush] tool have a [Mix ground color] that mixes colors that have already 
been applied. You can also use the Mix Colors tool to mix adjacent colors 


together. Using these functions, you can blur the edge of the fill or create a 


gradient of multiple colors. 


»))) base'colormixture 


You can set the [Mix ground color] for the [Brush] tool brush. By turning on [Mix ground color] and painting while mixing colors, 


you can create more realistic coloring like watercolor or oil painting. 
[Mix ground color] is effective only for colors on the same layer. Colors painted on the editing layer and another layer do not 


onfigure the'settings for reflecting linevon.the 


Anti-aliased 
brush’shape Opacity, ; 10¢ 
brush tip: 

PLAS 

stroke SISTA jor mare 3 Bleed 


ve the|/mouse/cursonovera parameterto.displayja 


description of;thatiitem 


Category, display 


= Reset all'settings to/default 


The settings are in the [Sub Tool Detail] palette [Ink] 


category 


#Mixed base color 
When checked, [Mix ground color] is turned on, and you can paint while mixing with the ground color (color already painted on the 


same layer). 


TIPS Color Mixing/Bleeding 


You can select the [Mix ground color] method from [Mix] and [Blur]. 
[Mix color] allows you to mix the base color and add it to the drawing color. 
[Bleeding] is a setting that makes it easy to create a smearing effect because it allows you to blur the base color and then add the drawing color. 


| 7 4 * stain 
A 


2 amount of paint 
Set the ratio of RGB values when mixing the background color and drawing 


color. The lower the percentage, the more it will be affected by the RGB 
values of the underlying color. 


base color drawing color 


R:100, G:255, B:100 R:1009, G:200, B:255 


3 paint density 
Sets the opacity ratio when the base color and drawing color are 
100 
mixed. The lower the percentage, the more opaque the underlying color. 
Affected by brightness. 
10 
base color Gawing color 
R: 100, G:255, B: 100 R: 109, G:200, B:255 
4 color stretch 


This setting determines how much the base color is pulled 
7 mg 


50 


-Controliwith| pen pressure 


You can adjust the degree of blending while changing the pen pressure. 


Piece — 

R111, G:212, B:255 
Drawing | 

color R:17,G:137, B:188 


| draw a gradient 


PT | Apply the drawing color with strong pen pressure. 


Sy 


\2 Create a gradation by lowering the pen pressure and painting so that the boundaries of the colors are gentle. 
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watercolor painting effect 


Watercolor paint accumulates on the edges 


of the drawing area, making it look darker. 


| will explain. 


eBrushiwatercolonborder 


[Border of watercolor] is a setting that darkens the border of green and makes it look like the paint is 


accumulated. Available when [Watercolor border] is turned on in the [Sub Tool Detail] palette [Watercolor border] category. 


qd Watercolor realm 


When checked, [Watercolor edge] is turned on. You can 


drag the slider to adjust the range of the effect. 


@Transparency Impact 
Sets the opacity of the border of the line. Increasing the value darkens = —— 
bra) size vatersihe green flesh will thickens Realization 


the edges of the lines. ink iturevof, bright’colors|like\water 


antialiasing 
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This setting darkens the edges of lines. The higher the value, the closer to black 
will follow. stroke FACED | | 


Handlejtoidrag 


[About'drag pro 


hice Warts ft be done 
DiGewhen)boundary/processing|is}heavy: 


= Restore defautt'settings 


@ ayerwatercolornborder 


From the [Layer Property] palette [Border effect] [Watercolor border], you can add a watercolor border effect to 
the drawn part of the layer. 


ess a watercolor border to the shadowed layer. 


vinegar 


Grade 
100 often 
\Iblouse 


22 Click the Layer Properties bullet 


Border to turn it on, then 


oneboundary effect 


click Watercolor Border to select 
~ Watercolor realm 


it. 


e Bleed/expression 


You can use a brush with a bleeding effect to create a watercolor-like drawing. 
#. 


fl blur watercolor 
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4 oo 
* The [] tool [Bleed watercolor] can be 
© used to paint with a blurred effect 


ave" 
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Only the light blue (R: 90, G: 196. B: 246) part is drawn. 
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e Expressions, thatileave| handwriting 


To correct the blurred cat movement, it is 


a good idea to select a transparent color 
and erase it with Bleed Watercolor’ 


i] watercolor pen 


* The {] too! [Watercolor brush] allows 
© you to draw with traces of , 


additexture 


By applying a texture, you can add a paper-like texture. Gives a more analog watercolor effect. Display the [Material] 


palette and click the tree table on the left. 
Shown from [monochromatic pattern] [texture] 


Choose. 


22 Click [Texture composition] on the 
— [Layer Property] palette. 


sea navigation 


Sat texture to the illustration. 
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real watercolor 


The Real Watercolor group of the Brush tools takes a different approach to watercolor painting than the Watercolor group. 


Contains a brush for cleaning. 
They are perfect for painting with transparent watercolor paints, as they are good at realistic watercolor expressions 


with a sense of transparency. 


real,watercolor. 


Unlike the Watercolor group, the Brush tool's Real Watercolor * 
group has most of the brushes' Ground Blend moO 
settings turned off (only Texture Blend is turned 
on). is). For this 

reason, it is better not to apply while mixing, 


but to layer transparent, light colors. 


Undercoat with [Watercolor round brush]. If you move the pen without _)) If you change the [Blending mode] on the [Tool Property] 
letting go of the tablet, unevenness will be less likely to occur. palette to [Transparency [Transparency]], it will not be uneven even 


if multiple strokes are layered. 


NE 2 


ia 


In.the tool/properties 


n= — 


brush'size 


Opacity, 


TIPS Smooth out unevenness 
ee ee ’ 
Conspicuous unevenness can be blended using é 
[Preserve and Blend]. 


3 Try layering different colors. Create a layer above, select 
{Clip at Layer Below] and paint with [Watercolor round brush]. 
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If you touch the edge of the color applied in step 4 with the [water brush], it will become 
lighter as if it were stretched with water, allowing you to create a gradation. ; 4 


The pressure is weak. 


@ Blurrediwatercolom painting 


{1 For blurry expressions, it is > oe 


best to use [Blur watercolor]. 


gr another layer on top and apply another color with [Bleeding Watercolor], and the colors will look like they're blending together. 


drawing part 


ti Paint a wide surface while giving it texture 


You can use [Rough Watercolor] to paint a wide area while creating unevenness with a watercolor-like texture. 


— 


Since the fullness changes depending on the pressure of the pen, you can apply 
unevenness by adjusting the force. If the unevenness is not as you expected, you can blend it with [Preserve texture and blend] 


thick coating 


A\brushjused}forthickicoating 
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The characteristic of thick coating is that it is applied in layers like an oil painting. The basic method of painting is to 
start with the darkest colors and then apply the reflections. 


The [Brush] tool [Thick Paint] group contains a collection of brushes that allow you to build up dark 


colors. Depending on your style, you may also use brushes from the Brushes tool Watercolor group or the Pencils tool. 


of pecan 


The [Brush] tool > [Paint] [Color] is characterized by its ability to draw darkly. 
The brush tip is round, so there is no peculiarity, and it can be said that it is an easy-to-use 


brush. 


Gouache 
{] Tool .. [Thick paint] [Gouache] is characterized by a dry drawing feel as if 


it was applied with paint with little moisture. Suitable for illustrations showing 


realistic handwriting. 


od paunting flat brush 


The [] tool [Thick paint] [Oil flat brush] is a brush that can be used like a flat 
brush. Horizontal strokes are thicker, and vertical strokes are thinner. 

You can create a drawing that makes you feel the marks of the ends of the hair 
more than with [Oil]. 


— 


y 


dark pencil 


The [Pencil] tool [Dark pencil] is an orthodox brush, Pal 
$0 many illustrators use it. Lower the opacity of the 
brush, use the subtle shading, and apply multiple 


coats. 


— 


Opaque Watercolor soft 


The [Pencil] tool [Dense watercolor] blends colors on the same layer more easily The [Airbrush] tool [Soft] is a brush that allows you to 
than the brushes in the [Thick paint] group, so it can be used when you draw vaguely, allowing you to draw smooth gradations. 


want to paint smoothly. 


’ 

' 

' Ver.1.8.5 or earlier, or from Ver.1.8.5 or earlier to Ver.1.8.5 or later 

| If you upgrade, the [Thick paint] group will be labeled as [Oil paint]. 
’ 


Howito)moveithe) brush 


Basically, the brush should be moved along the 


surface of the object being drawn. 


~ 
lightfandishade 


Here, we will look at the process of drawing a gradation with thick paint. 


When with a dark color. Apply a bright color on the same layer as in step 2. 
alll 


lay 


13 Using the [Eyedropper] tool, click where the light and dark colors are mixed to apply the drawing color. 


[Eyedropper] 


4Use the [Eyedropper] too! to fill in the areas where the color of the process diagram and the dark color are mixed. In this way, the gradation 


is created by repeatedly painting the mixed areas with the drawing color. 


Makeithe’colornblend 


For areas where you want a smooth gradation, use the [Blend] tool [Blend]. 


copy, star 


extendithecolor 


You can also create a gradation by placing a color and stretching it with the [Blend] tool or an easy-to-blend brush. 
Here, the colors are applied with [Oil paint] and stretched with [Opaque watercolor]. 


put color Extend 


TIPS Make a brush for color mixing 


If you set the [Paint] and [Paint Density] to 0 in the brush settings of the [Brush] tool, you can 
use it like the [Blend] tool. pies alate 


brushisize 


For example, even brushes such as Gouache can be set up for blending. 


grisaille painting 


“Grisaille painting method" is a method in which a black-and-white illustration is used as a sketch, 
“A RE ; ; 
ae and colors are added from above to complete it. In digital illustrations, colors are added using layer 


blending modes. This technique is often used for thickly painted illustrations. 


-Drawlaisketchiiniblackiandiwhite 


First, draw light and dark with achromatic colors of white, black, and 


gray. Set the saturation to "O" to create an achromatic color. 


1 Paint the base color with gray. 


TIPS How to set achromatic color 


Placing the control point on the left edge of the rectangular area 
of the [Color Wheel] palette sets the saturation to "0." 


In the "H","S", and "V" 
notation at the bottom, "S' stands 
for saturation. When 
this value is 'O’, it is AE 


chromatic 


24 | Next, draw the shadows in detail. 
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4 Finish the details. 


Zs 


| used the [] tool > [Thick paint] > [Oil paint] and the [] tool [Watercolor] [Dense watercolor]. 


The whiter the part, the easier it is to overexpose when you add color later. So the highlight is completely 
It's better to keep it light gray instead of bright white. 


The armor has a smooth 


gradation and is BE+AR 


made of metal 


The nose is finely wrinkled 
and bristling to 
express an exuberant emotion 


Increase to give a feeling of y 


veteran combat. 


)) (put{colorfon 


) coloring example 


7 Create a new layer on top of the black and white sketch, set the blending mode to [Overlay] and color. 


say below 


color with overlay 


Set the blending mode to “Overlay” and color 
| put the 


12 When colors are layered with [Vivid Light], some colors 


—_ 


become brighter or whitish. If the effect is too strong, 


lower the opacity of the layer to adjust. 


100% usually) 
paper 


3 [Addition (Luminance)] is used when you want to express strong light. In this example, | paint the brighter outlines due to the backlight and the light of the 


eyes ona layer in [Add (Luminance)] mode. | made the background black so that the light of the outline is easy to understand. 


ay 


fa) 100 Nie 
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} Finish by adjusting the colors. 
Color adjustments are also made on layers in blending mode. [If you put a color on the absolute difference 
layer, the color tends to have a different hue, so you can add color with a gradation. Since it remains, it 
is a gradation from black to drawing color). “Since this is a 


blending mode with a lot of color changes, | will lower the opacity. 


TIPS [Gradient] tool 


The process uses the [Gradient] tool to draw the Sub reel'&'gradation 
i —_ a — 
radient. Gradation is drawn by dragging the canvas with the t | Contour, fill 
9 y dragging (crocat on | aaah Contour fil 
[Gradient] tool 
In the example, | used the [Foreground color to background color] sub tool to change the main color and background color 


| am creating a gradient of colors 


For a foreground-to-transparency gradient, click the Foreground-to-transparency sub 


I'd rather use a tool | eaters 


aa 7 
ccm 
{Gradient,for, manga} 


create a custom sub tool 


| will explain how to save a sub tool whose settings have been changed separately from the initial sub seal. 


Saving custom sub tools 


Select the base brush on the [Sub Tool] palette. 
j , select the 


Click Duplicate Butool. 


Set the base 
brush to [Dark pencil]. 


2 [Duplicate Sub Tool] dialog box 
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aliasing bran = antialiasing 
eems on Instrument 
strain Bra'shape 


brush tip) ’ Brush 
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Here, [Tip shape] is changed to [Shape] [Hardness] [60] 
{Paper] [Impasto] (Temperature: 80), and [Anti-aliasing] 
SENET S8Set'soft'anti-aliasing is changed to [Medium]. It has become an 

Gice impression stroke. 


® ‘antialiasing 


4 Click [Register all settings to default] on the [Sub Tool Detail] 
palette. Click the [OK] button to create the original sub tool. 
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?, Overwrites thelcurrentiof,thelselected/subseal 


12. Click — 


J 
5 Select the newly created sub tool on the [Sub Tool] 
palette and right-click on the palette. 
If you export the sub tool file with [Export sub 
tool] from the displayed menu, you can read it 
later even if you accidentally erase it or initialize 
the software. 
fot 
fA. O28 
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Sub}toolfsettings!(h) 
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6-1 From rough to undercoat © 6-6 Paint items 


paint 6-2 * 6-7 Paint the foreground 
e 6-3 Paint the hair 6-8 Paint the background in the back 
e 6-4 Paint the skin ® 6-9 Finish the work 


6-5 Apply clothes 


From rough to undercoat 


Here we will look at the rough, line drawing, and undercoating process. | make a rough image of 


the work, put the line art in the draft, and divide the layers into parts by undercoating. 


Roughly decide the direction of the illustration. The more detail 12 To test the feel of the light, | have layered several 


you draw, the clearer the finished image of the illustration will be. layers with blending modes set. 


The "Glow and Breath" 
layer depicts the exhaled 


breath and the 
light reflected off the 


buttons of the coat 


| f 
ed Sse The Film Burn layer 
film burn} tease air olfank 


23 Ne that looks like the 
az film has been burnt 


and partially discolored 


- Shadow’, "Reflection 
(Screen)’, “Reflection 
(Overlay)’, 

“Brightness” and "Color 


Matching" layers draw 
shadows and light due 


to backlight. 


isa'Screen’y 
(characterjlight) 
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Any brush can be used for rough drawing, so it's a good idea to 

106 
choose a brush that is easy for you to use. Here, | use the [Brush] tool's [Oil] and i > oe 
[Opaque watercolor] brushes, The black lines are drawn with an oil 


@ paint brush to distinguish them from other paintings. 


lineYdrawing|brush 


You can customize and create your own brushes. 


The brush used for line drawingcanbe 
| customized with the [Pen] tool [Marker] [Felt-tip 

1am using it as is. 

pen] Here, let's take a look at the process 


of customizing a brush. 


12 Open the [Sub Tool Detail] palette and in the [Correction] category 
— 
| have Post Correction turned on. 


Also, raise the value of [Payment] a little. 


brush'size 


0 You can'setithe method forcorrecting benttouch 


antialiasing 


brush’shape 


brush, tip 


stroke 


paper 
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Entry/exit 


Protrusion’stop 


sion of,tatssl he head moves 
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= Restore'default’settings ee Requiarwiaee 


Display [Starting and ending effect destination settings] in the [Starting and ending] category, and turn on [Brush size] and [Brush density]. This 
will create a brush that will automatically start and end. There is a little shading in the opening and closing part. 


tees brush'size brush 
felt-tip per 


Mminimurr 


brush'size 


etitheleffectithat{gradually;changes the 
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Entry. and Ext by Consensus 


Erase 


Enter and exit by speed is turned off. 


[44 Clicking [Register all settings to default settings] on the 
{Sub Tool Detail] palette will set the changed parts to the 


default settings. 
brush ect of gradually, changing thetend 
ink 
era entering brush'size)brush 
TIPS Initialize customization contents oe 


<a ae 
If you register the initial settings, even if you change the settings later, the Tools 
You can return to the settings at the time of customization by [Reset all settings Beentryjand exit by 
to default] on the Properties palette. 
Entry/Exit 


Prevention 


s 
| How,to specify, 


az 
ae How,to specify, 
BeAif,you'choose 1 oly 
willlbe lowerthan‘c 


If,you'select![Specify height] or,[Specify, percentage]! 
the’smokejwill|face}] 00%) from\the|moon" 
andthe 
minimum\value\willibejreached/atithelendiof 
drawing§Specified/aslalpercentagejof 
of,thejline\Whenichoosing!a the}length 


wd head to the 
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. Click 
Category, display, 
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Category, display 


= Restore default’settings 


Draw a picture with a customized brush. 
| draw a rough draft 


Completion drawing 


TIPS Restore the initial sub tool 


~~ 


Immediately after installing CLIP STUDIO PAINT, the initial sub tool can be selected from the menu display of the [Sub Tool] palette. 
You can add it to the palette with [Add] . 


° 


Menu display 
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Sub,tool 


Delete’sub, tool (D) 


Si Saftool |(F. 


Uocki(L 


rash coed 


me 


Read'Submaill(M 


Export’sub too! (x) 


Select a sub too! in the dialog 
box and click [OK] to add it 


Undercoatilayer, 


) Each part is painted on a separate 
layer. Use the [Fill] tool [Refer to other 


layers] for large areas, and use the 
[Pen] tool [G-pen] or [Fill pen] to fill 


in small areas. 


2 Create a fill layer under the line art. 
it 


is the basis. 
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@) Make the) partihidden|by, the haintransparent 


Take advantage of the TIPS effect 


The vines in the background are drawn with [Border effect] and [Border] turned on in the 
[Layer Property] palette. This will automatically draw a black line around the 


edges of the drawing area. It's a convenient way to draw cables and paper. 


Layer property 


oO 
Border, effect le a y 


oh 


ickness 


normal line [border effect] off) Bordered line (Border effect on) 


The line drawing of the part hidden by the hair is processed so that it can be seen through. 


uj Place the drawing of the face (“skin line drawing layer”) under the hair coloring. The hair coloring hides the face line drawing. 


character color 
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Select the area around the face with the [Selection] tool [Lasso], [Copy] (Curl + key) and [Paste] (cut + 
[V key). Name the pasted layer "face copy’. 
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Move the “face copy” layer above the hair base layer (“hair”) and select “Clip at layer below”. Lower the 
opacity of the "face copy" layer and you're done. 
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clipping and only the painted part of the hair 
will did —_theinedrawng |s displayed like 
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The line where the hair hangs becomes thinner, and the hair becomes transparent 


paint the eyes 


Cats are the most eye-catching parts that make up a character. Therefore, we put effort 


into the details and finish them carefully. 


pupilfelement 


Feflected light 


See what elements are needed to draw the eyes highlight 
let's 

Drawing pupils and highlights is a common practice. 
‘Shadow of ichishiorme 


In the example, | added reflected light from the 


surrounding light to make the eyes brighter. 


Oodame 


ferome Poke reMected light 


@ Howsto)painteyes 


ull Undercoat. Ais aly 
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9) Draw the shadow and pupil. Create a new layer and set it to Clip at Layer Below. Draw 


with the [Brush] tool [Opaque watercolor]. 


notishadow, 


Be 100% usually, 
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3 Create a new layer and set the blending mode to [Overlay]. Add light under 
the eyes with the [Airbrush] tool [Soft]. Also, use [Opaque watercolor] to darken the edges of the shadows. 


drawing part 


4 Add reflected light. Use the [Eyedropper] tool to obtain the base color of the hair and use it as the 
a 
drawing color. Create a layer whose blending mode is [Screen] and draw on the top of the pupil with [Soft]. 


Use the same color to blend with the hair. 


[5 Create a highlight layer on top of the line art and add highlights with [Opaque watercolor]. 


6 | Create a new layer above the layer with the whites of the eyes and select Clip at Layer Below. Draw a shadow on 


the white of the eye with the [Brush] tool [Opaque watercolor]. 


lfoverlay, 
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White eyes and shadows with the [Airbrush] tool [Soft] / 


blurs the borders of 


8 Light the pupil with the base color of the hair. / DG / x 
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i Fill in the details and you're done. 


Before drawing After drawing 
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| added to make the highlights Set the drawing color to a color slightly 
3% TF stand out darker than the color of the hair, and use the opaque 


watercolor to add paint to the eyelashes. 


PRO } EX | 


paint hair 


Apply hair. As a rough procedure, it is like "undercoating gradation -. detailed shadows 
and highlights...". For the details, use the [Brush] tool [Opaque watercolor] to paint while giving the 
feel of the ends and tufts of hair. 


e) How,to)paintieyes 


1 Prime. | set the drawing color to 
a bright, desaturated red (R:217, G.168, B160). 


|2 Create a new layer and select Clip at Layer 
Below. Use the [Airbrush] 
tool [Soft] to paint in a gradation. The light 
source Is diagonally 
upper right, and the upper right is 
brighter, and the other side is darker. 
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Ed Create a new layer "Shadow" and click 
Clipping at 3 Yers. Use the 
[Brush] tool [Opaque watercolor] to paint shadows 
while keeping in mind the flow 


of the hair. The shadow color is 


darker than the undercoat color (R:163.G:100 B:91). 


Turn on [Lock transparent pixels] on the shadow layer created in the process, and add gradation to the 
shadows painted with the [Airbrush] 
tool [Soft]. Set the drawing color to a color lighter than the shadow color (R:201.G.143 B:140/R230 G148 B140). 


lock transparent pixels 
| 
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| By 1100 usually 
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5 | New layer “Shadow 2", and use the [Brush] tool [Dense watercolor] to add a slightly lighter color than the shadow (R: 198, G: 145, B137). 


Draw and add hair bundles from . 
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he | created by __ If you click the thumbnail of the "Shadow” layer while holding down the [Curl] key, you can select the area painted as a shadow. 


ee 


(2 Make selection 


| 1. [Ctrl] key + click thumbnail 


7 Create a new layer "Shadow 3” and add more shadows within the selection created in the process. 
The drawing color is "R: 123. G: 76. B: 79. 
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Deselecting it will look like this 


| was. 


19 Create a new layer, set the blending mode to [Screen], and add highlights with [Opaque watercolor]. 
Use bright colors (R:243 G219 B:211). 
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10 ~ Adjust the color of the hair. Create a new layer, set the blending mode to [Overlay], and use 
™™ [Airbrush][Soft] to add orange (R:255.G:197 B176) and dark purple (R:103.G.96. B109) is drawn. This 


completes the hair coloring. 


add dark 


“1 paint with the image of adding orange to the bright areas and adding cool colors to the dark areas. 


paint the skin 


For the skin, add gradation on top of the undercoat in the same way as for the hair, 


then add shadows and highlights. Be careful not to desaturate too much to make the skin look 
lively. 


The procedure for,painting|the'skin 


Wu) Create the base color for the skin (R245G 233.B.207) te 7 Add a gradation with a color darker than the base color 


and apply the undercoat. (R.224.G.176 B.140). Create a new layer, turn 
on [Clip at Layer Below], and use the [Airbrush] 


tool [Draw softly. 


13.A ply shadows. The drawing color is the same as the process. Create 


a new layer, select [Clip at layer below], and paint with the [Brush] 
= tool [Opaque watercolor]. 
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_4 Add darker shadows. Create a new layer "Shadow 2", select [Clip at layer below], set the blending mode to 


[Multiply], and paint with the [Brush] tool [Transparent watercolor]. 


100 usually, 


HL 


Dark ifyoufeel . layer Opacity of loweeringTe tone 
adjust ° 


The darker 

colors (R:165, G:107, 
B:110) are created 

by imagining 

ro ane 


5 Add more blue to the shadows. New layer "Floating 3" to create Compositing mode to [Multiply] is painted with [Transparent watercolor]. 
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The density of the "blowing 3° layer is also the opacity of the layer 
adjust 


| applied nail polish in gray (R:73, G:74, B76). Create a new layer 'Claws' and select Clipping 
at Layer Below. Use the [Pen] tool [G-pen] to paint solidly. 


_7 Add gradation to the edge of the nail. After 
locking the “nails” layer to [Transparent pixels], 
| use the [Airbrush] tool [Soft] to paint with 


the skin color as the drawing color. 


+ For the drawing color, use the [Sbite] too! to : = 
4 26i< Biv 83 


acquire the color from the surrounding skin. 


8 Draw the highlights (reflection) of the 
skin. Create a new layer “Highlights” 
and select "Clip at Layer Below”. Paint 


with [Opaque watercolor]. 


9 Adjust the tint. Create a layer whose blending mode is [Overlay] and select [Clip at Layer Below]. | used 
[Soft] to brighten the area around the cheeks. This completes the painting of the skin. 


| 
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Ex 
paint clothes 


Let's take a look at the process of painting clothes using a jacket as an example. Since I'm assuming 


a nighttime scene (see the rough sketch), I've added some red to the image, imagining the effect 


of the surrounding lights. 


eHow,tolapply/clothes 


aj Undercoat. For the color scheme of the clothes, | refer to fashion 


magazines such as Saitoya. 


22 Add shadows to wrinkles and seams. Create 
+. 
a new layer and select Clip at Layer 


Below. Paint with the [Brush] tool [Opaque watercolor]. 


The red arrow is an image of the wrinkle direction. 
It tends to occur where there are joints 

There are also wrinkles that occur when the cloth is 
slack. Using the actual object or photographic 


materials as a reference, observe carefully and 
draw shadows caused by wrinkles. 


Use a slightly darker color 


(R:73. G:88, B:37) than the pace 
color of the green part (R:91, G:109, 


B:50) 


3 Create a new layer “Shadow 2” and select 
[Clip at Layer Below]. 


Another step, paint shadows with dark colors (R: 52, G: 62. B: 24) tev 


vinegar. The tool is Opaque Watercolor. 


4 If there is color unevenness, | use the [Eyedropper] tool to get the color of that part and paint over it to correct it. 


Here, | used the [Flower] tool [Dense watercolor]. It is a 


brush that is easy to apply evenly because it draws darkly. 
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5 Make a pattern for the clothes. Select the [Figure] tool > [Rectangle] and set [Line/Paint] to the far left on the [Tool Property] palette. 
( Create Fill). 
Create a new layer and drag the canvas to draw a rectangle. | made 3 rectangles and made them into 


3 lines. 


{tool property) Ae) 


create fill 


6 Make a star pattern. 
Click on the canvas with the [Text] tool, enter 
“ho" and "shi" with the keyboard, convert 
them to "*", and insert them. 
Enlarge to an appropriate size and rasterize 


increase. 
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* Ww sommenrwnree KeOD Ory Hothousand star 
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= | 
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5 . > 4 
You can zoom in or out by dragging Use [Layer] menu [Rasterize] 
the green handle to convert to a raster 
layer. 
7 Select [Layer] menu > [Merge with layer ~~ | BaraG) Animation (A) layer) 
os : 


below] to merge the rectangle and star ee 


shape layers. The layer name is "pattern" 


did. 


Select [Edit] menu > [Transform] > [Mesh Transform 


[Shape]] to transform the shape to match the shape of the 


clothes. 


. Bs 100 usually 
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"The layer is clipped to the gray 
& part of the jacket undercoat layer. 


ul added a diagonal line with the [Pen] tool [G-pen]. 


9 Make a different pattern. Create a simple figure with BE re merssen-n:) yAnimation(6)|Uayer(l) 
the rectangle [Shape] tool on the “Pattern” layer, 
select [Edit] menu [Menu > [Transform] [Free Transform] ([Ctrl] 
+[S+key)], and transform it so that it is 
tilted. Shape 


kMATRE =m BEL} 


. 5 siz a 
imva! 2 : 


Ctrl-drag this handle to tilt 
the shape (when dragging 


*The background is grayed out for illustration purposes. If you also press the [Shift] key, you can mave tt horizontally} 
i 


TOCEE 


Sere how,to)buy 


In the [Free Transform] [Tool Property] 
palette, [Keep original image] is 
tumed off. 


10 Select [Free Transform] ({Ctrl] + [Shift] + key) 
77 again, check [Keep original 

image] on the [Tool Property} 

palette, and click [Flip 
Vertically]. The upside down 

shape will be duplicated, 

so move it and then click 

[Confirm]. 
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In the [Tool Property] palette for 
[Freestyle], [Keep the original 
image] is checked 


Select [T] [Edit] menu > [Transform] [Mesh 


[Transform] to transform the shape to match the 


shape of the clothes. 


12 Turn on [Border effect] on the [Layer Property] palette, 13 Create a new layer above and select 
| added a black petit to the pattern. With this, the patch on the jacket Clip at Layer Below. Add a 
is ready. shadow on the patch as well. 


layer, property 


0/6 


1 Add color to the patch shadow. Create a 


new layer and select Clip at Layer Below. 

| set the blending 

mode to [Overlay] and added some redness. 
It looks like there is reflected light 

(light reflected from the surrounding colors) 


in the shadow. 


15 Add shadows to the fur. Create a new 
—— 


layer above the fur undercoat 

and select Clip at Layer Below. 

| paint 

with [Opaque watercolor] to leave tc 


the glare. 


Make the drawing color slightly darker (R:137, G:118, 
B:104) than the fur base color (R:185, G: 156, B:124). 


16 Add shadows with a darker color (R 113.G:98. B:95). 
= Create a new layer “Shadow 2” and select 
"Clip at Layer Below”, Paint 
with [Opaque watercolor] 


to increase the three-dimensional 


effect 


17 Add the third shadow (R:83 G:63. 


a) 
B:68). 


Create a'3' layer and select Clipping 
at Layer Below. Apply the darkest 
shadows to the ends of the fur 


to create contrast. 


18 Add fine hair to give the texture of the 
= fur. Create a new layer “Adjustment” 

and select “Clip at Layer Below’. Use a 
bright color (R:180. G.152. B:122 or R 209 G:185, 


B:158) as the drawing color and draw with the [Pen] tool [G-pen]. 
It depends on the style, but if there 
are too 
many additions, it will be noisy, so it 
is best to keep the number of 


additions to a minimum. 


19 | added light blue (R:146.16. B:224) to the 


back of the fur to create a sense of air. On the 
“Adjustment” layer, | draw lightly with 


the [Brush] tool [Rainy green watercolor]. 


20 Adjust the fur color. | created a layer 
with the blending mode set to [Overlay] 
and added red to the fur. The colors 


are more saturated and vivid. 


PRO } EX | 


paint the item 


When | draw characters, | often draw weapons and accessories. Apply while paying attention to the 


difference in texture between the skin and clothes. For example, metal accessories express texture through 


the way light and shadow are applied. 


eMetallaccessories 


When creating a metallic texture, add a clear contrast. | mainly used 
the [Brush] tool [Dense watercolor], which produces solid, dark colors, but 


if you want to draw without adding shading, you can also use a tool such 


as the [Pen] tool. 
| Draw a gold ring. Prime with ocher 2 Paint shadows with brown (R:105, G:63, B:32). too much shade 
(R.228, G:191. B:1 25). It is a shadow that Is close to solid painting without applying. 


Create a new layer "Shadow" and select Clippin at Layer Below 


select Logs. Paint with [Dense watercolor]. 


7 
= 


3 Paint some of the shadows with a lighter color (R: 223, G 191. B: 125). Create 
anew layer ‘Adjustment’ and select 'Clipping on layer below’. Make 
the image a little brighter by reflecting the light on the 


opposite side of the light source. 


44 Create a new layer “Shadow 
2” and paint a dark color 
(R17,G:75. B:33). “If you 


put it next to a bright 


» Put dark colors next to 
light colors 


part, it will look 
sharp and look like 


metal 


| ighlight rest 
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and you're 
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Create a new layer 
and 


e Headphones 


7 | divided the headphones into three layers, the “black part”, the “silver part", 


and the “red part”, and applied the primer. 


2 Apply shadows to the silver parts. Create a new layer and select 
— Clip at Layer Below. | imagined a kind of metal 
that can reflect light more dullly than the metal of 
accessories, so | painted the edge of the paint so that 
it was slightly blurry. Therefore, the brush uses the [Brush] 


tool [Opaque watercolor], which produces shading. 


3 Darken the edge of the shadow. Create a new layer in the same way as the process 


and drew with [Clip at Layer Below] [Opaque Watercolor]. 


le so that there is a slight reflection due to the influence 
of ambient light (light reflected from the surroundings). 
Create a new layer and select 
Clip at Layer Below. | set the blending mode to [Overlay] and 
added orange (R246.G:176 B:161) with the [Airbrush] tool > [Soft]. 


5 Add highlights. Create a new layer and select Clip at 


Layer Below. | set the 
blending mode to [Dodge (Luminous)] and painted with [Opaque watercolor]. 


did. 


6 Add shadows to the red parts as well. Composite for stronger contrast 
| set the mode to [Multiply]. 


7 | For the highlights of the red parts, | created 
a layer with the blending mode set to [Addition 


(Luminance)} 


and painted it. | basically use [Opaque watercolor], 


but I use [Soft] to add gradation to 


rounded parts. 


drawing part 


~) Paint shadows on the black parts. The cushion part of the earmuff 
is slightly blurred and shaped so that it looks like a soft 
material. | use [Opaque watercolor], but if it is difficult to blur, 


you can use the [Blur] tool. 


Add orange to the black 
parts in the same way 


as in process 9 with the 


[Overlay] layer. 


drawing part 


10 Add more shadows to the headbands and cushions. Create a new 
layer “Shadow 2", select [Clip at Layer Below] and paint the headband 
with [Opaque Watercolor]. For the cushion part, use [Soft] at 


% the bottom to add a slightly darker gradation. 


Add a blue tint at the end. | created a new layer, selected [Clip at Layer Below], set the blending 


mode to Screen, and painted in a cold color (R:71 G:85. B:120) using [Opaque watercolor]. 


drawing part 


PRO f IEX | 


paint the foreground 


The scenery in the foreground in the background is called the "foreground? Draw the foreground as 


clearly as the character. We also use clear colors, but we are careful not to make them stand out 


from the characters. 


e) Drawsa\wire/mesh 


uj Apply shadows. Create a new layer "Shadow" above the 


undercoat, set the blending mode to [Multiply], and select 
[Clip at Layer Below]. 


Use the [Brush] tool [Opaque watercolor]. 


Undercoat condition 


Move the brush to the left and right for the frame part at the top inc shadows to the parts where the net is twisted. 


to add shadows that make use of the strokes. 


3h the depth is determined 


by the opacity jj 
¥ of the layer 


® drawiaicat 


The cat's undercoat has separate layers for the eyes (yellow) 


" and the rest (gray). 
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Add a gradient to the 12th eye. Create a new 
layer above the eye liner and select Clip at 


Layer Below. [Airbrush] tool [Draw softly. 


3 Draw and add the pupil. Select the new layer 
‘Clip at layer below Rip. 
Draw with the [Pen] tool [G-pen]. 


Draw the 4 eyes. Create a new layer above % 
— 
Select [Clip at Layer Below]. 


Paint the light of the pupil with [Opaque watercolor]. 


5 Create a layer above the line art and set the blending 
i 
mode to [Glow Dodge]. Add highlights with [Opaque Watercolor]. 
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6 Paint a backlight shadow all over the cat's body. Create a new 


layer "Shadow" on top of the gray underpainting and select “Clip 
at Layer Below”. | will use 
the [Brush] tool [Dense watercolor] to paint a rather even and 


sticky color. 


7 | Create a selection from the shadow drawn in the 
process. Press the [Ctrl] key on the thumbnail of the "Shadow" layer. 
If you click while holding, the drawing part of the layer will be 


It becomes a selection range. 


id Shrink the selection. Select [Selection] menu > [Shrink selection], set [Shrink width] to "5px" 


in the dialog box, and click the [OK] button. 
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9 Fill the selection. Create a new layer and select [Clip at Layer Below]. 
al 


Set the blending mode to Overlay and draw a soft gradient. 


A gradation is created in the shadow. 


10 Draw and add shadows. Create a new layer 
“Shadow’" and select “Clip at Layer Below’. 
Set the blending mode to [Multiply] and paint 


with [opaque watercolor]. 


impure\watersm 


11 Paint inside the ears. Create a new layer 


a 
and select Clip at Layer Below. Paint with 


pinkish colors (R:213, G:146, B:136) and adjust the 
density by lowering the opacity of the 


layer. 
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When zoomed in, the shadows are gradual 


| Increase the contrast a little. | selected the [Layer] menu > [New Correction Layer] > [Tone Curve] to make = 


corrections. The cat is now done. 


tone curve 
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| Draw shadows. Create a new layer above 
Jes 
the undercoat and select Clip at Layer 


Below. Draw with the [Pen] tool 


[G-per], 


| Select part of the drawn shadow with the [Eraser] tool [Soft] 3 [Draw in opaque watercolor to shape the shadow. 
= 


to erase. 


4 Finally add a gradient. Create a new layer, set [Clip at Layer Below], 


set the blending mode to [Overlay], 
and draw with [Soft]. B189) Use navy blue (R:65. G:70. B:105) to darken the areas. 


paint the background in the back 


Draw the night view of the factory in the back of the background. Basically, | don't draw details, just 
silhouettes and lights. In addition, it is processed so that buildings and lights are reflected on the surface 


of the water. This process can be easily achieved by flipping the copied layer upside down. 


e) Drawjainightiview/ofithe}factonys 


Make the background base a gradation. 
Create a new layer and fill it with blue (R:17, G:14. B:166) 
with [Edit] menu -. [Fill] Alt+Delete key). 
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Create a new layer above and set the blending mode to 
[Multiply]. Set the brush size of the [Airbrush] tool [Soft] 
to a large size (about 2000px) and draw the lower part with a 


darker color (R:19. G:3. B:47) to create a gradation. 


After drawing, merge the layers and and name 
add a “base front” 


3 Draw a building. Create a new 
T layer and use the [Selection] tool 
[Rectangular] to create a selection, 
then use the [Edit] menu > [Fill] 
[Alt+Delete] to draw a shape. 

[Fill] has a convenient shortcut 


key. 


Place a building in the back. Create a new layer and 


proceed with drawing in the same way as the 


process. 


5 To make the front building stand out, create 
a layer on top of the back building 


and use Soft to add some smoke 


‘a Va ast Va as Vat at | 
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6 Add a shadow like a mountain range behind the building in the back. Create a new layer below the layer of the building in the back, 


above the "base" layer, and draw with the [Brush] tool [Transparent watercolor]. 


7h Draw the lights of the building. of the building in front 
Create a new layer above, name 


it "Light" and draw with [Soft]. 


8 Adds an effect that makes the light blur. Duplicate the “Light” layer with the [Layer] menu > 
ae [Duplicate layer], and select [Filter] menu > [Blur] [Gaussian blur] to blur 


it. Set the blending mode to Screen. 


Gaussian blur 
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poussien Ze "Blur range" is set to [32] 
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o- Create a "light" layer on top of the 


"light" layer, and add more detailed 


lighting with [Dense watercolor]. 


10 Adjusts for warmer lighting, as is common in night lights. Create a new layer above, set the 


T lum 
100% usually 
lights2 
100% "screen 
| Gaussian 32% 


‘THO Kia 


light 


00 x14 
1 


11 | Adjust the color of the building in the back to make 
some parts darker. Create a new layer, set the 
blending mode to [Multiply], and select [Soft and fill]. 


0 ft 


12 | want to create a border between the building in the back and the blue base, so | add a border. Select the silhouette layer 
— 
of the building in the background, turn on [Border effect] on the [Layer Property] palette, and select [Border]. Set the [Border 
Color] to a slightly lighter brown (R:129.G:105, B58), 


layer, protein 
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| added a border to the silhouette of the real brown building 


battom part of the background will be the water surface of the ocean. Paint 
ae 
the part that becomes the water surface and the boundary of the building 


with @ dark color 


4 Add lights. Draw on a layer whose 


blending mode is [Screen]. 


15 Brighten the light with two [Addition (luminescence)] layers. Create a layer with a [Addition (luminescence)] blending mode and 
add a drawing. The brightness is not enough, so | create another [Addition (Luminance)] layer "Luminance 2" and draw to make it 


brighter. 
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16 Put the layers depicting the building, 4 1On Mae 


— + F- illuminate objects 
lights, and mountains in the background ; 
100 SB 
into a layer folder, and select 7 
[Layer] menu — [Duplicate Layer] to 
duplicate it 
17 Select the duplicated layer ToomtUsually 
folder and merge with [Layer] oe SEI ight: meeting 


menu -. [Merge selected layers]. 
The layer name is “Building and 


light combination”. 


IS | Level of the “Building and Lighting” layer 
os Set the layer order above the “Lighting 

2" layer and set the blending mode 

to Overlay. Leave only the areas 

where you want the background to be 

dark, and erase the rest 


with a layer mask. See page 101 


for how to use layer masks. 
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19 Makes the building appear reflected on the surface rely 


Iw [Layer] menu > [Layer 
of the water. Duplicate the “buildings and SP, Copy of light join Mask] [Delete Mask] 


; Cth \ 
lights” layer and delete the layer mask of the tien awe Ac balled 


| can do it 
duplicated layer. 
% in 
srealrry 
For the duplicated layer, set the blending mode 
& Set to [Normal], Opacity to 100% for the time being 
| will leave it 
Select the [Edit] menu [Transform] [Flip = FEY [page‘animation} A) (L) mre) (View fil] 
Vertically] for the duplicated layer and adjust its RD ALI) a 2 : 


position with the [Layer [Move Layer]] tool. The 
layer name is "building and light water surface” ow Seas 


Did. 
Set the blending mode to [Addition (light emission)]. 1 ee 


Lightly blends with the base color below. opaque “SSR ERM) Free(D)a 


"| set the brightness to 40%. B-[Canvas\size change (S)) EARL). 
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21 Move the “Buildings and Lights" layer to 
—) 
Select [Filter] menu -. [Blur] 


[Move Blur] to blur horizontally. 
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View the character to see how the background 
"= ig drawn, and adjust if necessary. 
Here, | created a "water surface” layer and 


added a drawing to the water surface. 


23 Make a little fool of the building. Similar to the process, duplicate the "Building and light combination" layer and apply [Gaussian 
blur] ({Blur range] is set to "14"). Place the layers in the order immediately above the “Buildings and Lights” layer folder. You have 


now finished coloring the background. 
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finish the work 


When the coloring is roughly completed, | display the whole and review it again, adjusting the 
color and drawing in the missing parts to complete it. Also, the lighting is backlit and finished 


as planned in the rough. 


eLlineldrawingladjustment 


The line art is black, but if | feel that the black is too strong, | repaint it to match the surrounding colors. 
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| Create a new layer above the painting layer 
Select Clip at Layer Below. | will 


repaint with the [Pen] tool. if 
you have several layers of line 


art, create a clipping layer for 


each layer. 


eColorcorrection 


Review the whole and adjust the color tone correction layer where you are concerned 
about the color. When correcting the color tone of each part, for hair, [Clip at Layer Below] in the hair layer folder. 


adjusting. The hair 


all color is subdued, so | use [Tone curve] to make it stand out a little more. 


Ra | The neck warmer and underwear are adjusted with [Level Correction] to emphasize the shadows. 


neck warmer 


inner 


There is a lot of blue in the background, so | use [Color Balance] to emphasize the redness 


of the entire character. | also increased the contrast a bit with [Level Correction]. All the character coloring is stored 


in the "Character Coloring" folder, so | will clip it to it. 
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e)Adjustiand}finish 


While drawing the final drawing, image processing such as backlight and chromatic aberration is done to finish. 


” Lighten the surroundings a little to make the 
character stand out. A ray whose blending mode is [Screen] 
Use the Soft color for the layer to create a bright cool color (R:114. 
G:189, B213). 


é 130 ®aRTe 


83 m screen 


beard 


2 Clip the new layer to the "Character coloring" 
a 
folder and change the blending mode to 
[Overlay]. Soften to add color to add light and 


shadow. 


100% overlay, 


‘overlay, 


38 usually, 
level ns 


3 From here, we will process the backlight. 


ies 
Add shadows to the entire character. 


G: Overlay the layer filled with bluish gray-109) 
115. B128) with [Multiply] and the layer filled 

with bright blue (R:96, G144,255) with [Overlay]. 

+ Which Clip at Layer Below. 


Character movies and paintings 
are organized in the “Character” 
folder. Create a layer on top 

of the “Character” folder 


and make adjustments. 


4 Create a layer with the blending mode set to [Soft Light] and select [Clip at Layer Below]. 
™ Draw with the [Airbrush] tool [Soft] to add light. 


drawing part 


5 | Add a cool color (R69. G: 141, B: 165) in the [Screen] layer to create a sense of distance between the front hand and the body. 
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drawing part 


6 Create a layer for [Dodge (Luminous)] and draw the reflection. 
— 
The backlight creates a light that makes the contours of the person stand out. 


drawing part 


_ In order to add a glittering effect 
. to metal fasteners (studs), | draw 
light blue (R:170.G:230. B:255) on the 
[Screen] layer with [Soft]. Adjust the 
intensity of the light with the opacity 


of the layer. Here we have set it to 73%. 


8 | drew the exhaled breath and the smoke from 
the factory in the back. Paint with a layer [Soft] 


tc whose blending mode is [Screen]. 
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9 Apply chromatic aberration to make 100 eM ae 
the bright areas = R285 
' ino iE 100 4 Lite 
stand out. Select [Layer] menu > : *. rea ri 


- 
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B55 


(Merge copies of visible layers] to ; 100 S&B 


create three merged layers. 


Make them red, green and blue layers , 2 a Clip the layers filled with red, 
respectively. ; 109 SE green, and blue to their respective 
layers, then merge them. You 

can create layers for red, green, 


and blue 


illustrations. (For details, see page 61.) 
please) 


Zoom in a little on the three layers of chromatic 


aberration, 


Select [Edit] menu > [Wings] + BE) 
[Scale up/Small] and increase pixel size (2~5px) 
to 


TIPS Why expand the chromatic aberration layer? 


Chromatic aberration is expressed by slightly shifting the red, 
green, and blue layers, as described in the explanation on page 
204. may be lost. Assuming such a case, it is safe to expand in 


advance. 


11 Set the blending mode of the 3 layers of Chromatic 
Aberration to [Screen]. Move the green layer 


slightly to the bottom left and the red layer 


slightly to the top right. 


12 Put the chromatic aberration layers in a layer folder, create a layer mask in the layer folder, and decide the range to 
sido reflect the chromatic aberration. 


Leave the parts you want to emphasize such as the light of the hair, and select the [Eraser] tool [Soft] to mask (hide) the 


unnecessary parts. Chromatic aberration tends to be effective in bright and whitish areas. 
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13 Tonal Correction Layer Create [Color Balance] and [Tone Curve] to adjust the overall color tone. 


color balance 


7 | 


PHU balance 


shadow) hightight(0 


color balance 


tone curve 


14 Blurs the edges of the screen to give 
= the effect that the character is in 

focus. 

Select [Layer] menu > [Combine 

copies of visible layer] to create 

a combined layer, and blur it with 

[Gaussian blur] ("Blur range" [at 

this time] is set to "14.98"). 


increase). Name this layer “Blur”. 


15 Create a layer mask on the “Blur” layer. “Leave 
only the four corners and mask the rest with the 


[Eraser] tool [Soft]. 
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Blur, 


Eraser tool [@ 
f ) to erase it with 
School. character of = 
Kashi disappears 


Creates a film burn-like effect at the bottom of the screen. Create a new layer and set 
the blending mode to [Screen]. Using the [Airbrush] tool [Soft], paint the bottom with snow (R:17,G85, B.230) and pink 


(R:225G 146, B.161). 


After painting, lower the opacity of the layer to adjust the strength of the effect. | named this layer "Burning". 
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drawing part 


17) Create a new layer below the "burnt" layer and set the blending mode to [Overlay] to add light and shadow. 


drawing part 
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| Finally, review the entire work, make corrections and additions as necessary, 


and complete when you are satisfied with the finish. 
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m Brown Rice (Part: Male Character Page 291) 


Work 


environment Windows 7 64-bit version 


Tablet model 
Wacom Cintigq 13HD 


Functions often used in Crysta 


New tonal correction layer for enclosing and painting 


short comment 
Personally, there are many times when | don't have a solid image of the finished product, or 
want to make changes in the middle of production, but this time it was exactly that. The tonal 
correction layer is a strong ally when in doubt. Please try using it! 

Site URL, SNS, etc. 
URL * htto://nhaidoroxxx.blog.fc2.com/ 


Twitter : https.//twitter.com/gm_uu/ 


a Hari Maruyama (person in charge: ferale character — page 210) 


Work environment 
| have a BTO desktop PC (Windows 7 64bit, 16GB memory) 
using a Razer keypad as a shortcut key device. 
Tablet 
model Wacom Cintiq 13HD 


Functions often used in Crysta 


dark pencil 


short comment 


| am very happy to be a part of this book. 


Drawing is really fun! 


| hope that this book will help you enjoy drawing. 


Site URL, SNS, etc. 
Twitter : @e_hariyama 
pixiviD : id=240196 
Mail: hariyama @hotmail.co.jp 


i Cactus (Part: Grisaille painting method — page 226) 
Work environment 
Self-made PC (CPU Intel Core i7 3770k 3.5GHz, memory 32GB) 


Functions often used in Crysta 


While blending the watercolor and oil brushes with the color mixing tool. 


short comment 


It was fun to express the texture. Thank you very much. 


Site URL, SNS, etc. 
URL:https://sabolabo.tumblr.com/ 
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